Google-plus-share-button", aktuelle URL statt der Angegebenen URL?

BEARBEITEN! Nachdem er einige Monate mit dem lernen von Javascript habe ich gebaut, eine Lösung, die ist viel besser als das, was ist unten angegeben. Lasse ich meine ursprüngliche Antwort, ich möchte jedoch, um diesen bessere Lösung an der Spitze.

Diese Lösung sollte auf JEDEM social-media-Plattform, die Ihnen eine benutzerdefinierte Freigabe-URL (das heißt, eine url, können Sie geben Sie manuell eine Adresse zu teilen).

Hier ist, wie alles funktioniert (und wenn jemand irgendwelche Vorschläge oder Verbesserungen, die über mehr Erfahrung mit JS, lassen Sie es mich bitte wissen).

1. Ich weisen Sie Variablen, um die document.URL und document.titleEigenschaften.
2. Ich Schreibe eine benannte Funktion (ich rief mir, socialShare) ausführen festgelegt ist, über eine anonyme Funktion auf den window.onloadVeranstaltung.
3. Die socialShare Funktion weist der Variablen den Standort von my social button innerhalb der HTML. In meinem Fall habe ich die IDs zu suchen, die Elemente. Der Zweck dieser Variablen ist rein für ästhetik (ich verwende diese Variablen neu geschrieben werden, die HTML-code dynamisch, so dass, wenn Sie die Maus über den share-button, es wird die korrekte URL zum teilen der aktuellen Seite)
   • var fbShare = document.getElementById("fbShare");
   • var gplusShare = document.getElementById("gplusShare");
   • twitterShare = document.getElementById("twitterShare");

4. Dann schreiben Sie drei separate anonyme Funktionen, eine für jede social media-Plattform. Jede Funktion hat zwei Aussagen. Die Funktionen arbeiten wie folgt: der erste Teil ist der variable zugeordnet die Position des HTML-Elements mit der ID fbShare. Der zweite Teil erzählt Sie, um die Funktion auszuführen, wenn das element geklickt wird; .onclick. Der Dritte Teil ist die anonyme Funktion, die ausgeführt wird, wenn das element geklickt wird. Die erste Anweisung dieser Funktion wird ein neues Fenster geöffnet; window.open; und in diesem neuen Fenster, öffnet es die URL, die angegeben ist durch die Fütterung der window.open Parameter der Methode. Die Parameter sind wie folgt (URL,name,specs) wo URL ist die URL, die Sie teilen möchten, name ist optional und leer, wie die leere Menge von Zitaten, und schließlich specs ist, wo Sie angeben von Attributen des Fensters (DH Breite und Höhe). Der erste parameter, der URL: ("https://www.facebook.com/sharer.php?u="+currentURL, currentURL ist die Globale variable, der zugewiesen wurde früher und werden auch immer die aktuellen Dokumente, die URL ist, an die Stelle currentURL. Der zweite parameter, der name: "", Das ist leer gelassen, wie es ist optional. Der Dritte parameter, der specs: "height=368,width=600,left=100,top=100,menubar=0"); Diese sind eine durch Kommas getrennte Liste von Elementen. In meinem Fall, ich habe angegeben eine Höhe, die Breite und die Lage der Fenster, ebenso wie Behinderte in der Menüleiste. Endlich, die zweite Anweisung return false; sagt dem browser NICHT, Folgen Sie dem link im HTML-code. Wenn dies nicht angegeben wurde, dann wird der browswer Folgen würde, die URL in der HTML, UND öffnen Sie ein neues Fenster. Für weitere Informationen über die window.open - Methode finden Sie in dem link am Ende dieser neuen Antwort.

   • fbShare.onclick = function() {
window.open("https://www.facebook.com/sharer.php?u="+currentURL,"","height=368,width=600,left=100,top=100,menubar=0");
return false;
}

   • gplusShare.onclick = function() {
window.open("https://plus.google.com/share?url="+currentURL,"","height=550,width=525,left=100,top=100,menubar=0");
return false;
}

   • twitterShare.onclick = function() {
window.open("https://twitter.com/share?url="+currentURL+"&text="+currentTitle,"","height=260,width=500,left=100,top=100,menubar=0");
return false;
}

5. Und schließlich, ändern Sie die HTML - href Elemente der einzelnen social-media-button, so dass, wenn der Benutzer mit der Maus über die share-buttons, die Sie sehen, die richtige Freigabe-URL in Ihren Browser-status-bar. Der erste Teil dieser Aussage greift die element-id, fbShare und der zweite Teil sagt, es ist ein Attribut, .setAttribute. Und dann gehen wir in das Attribut name, das wollen wir ändern, ("href", in diesem Fall, und dann werden wir übergeben, was wir möchten, dass das neue Attribut Wert zu sein, "http://www.facebook.com/sharer.php?u="+currentURL); currentURL ist hier die gleiche, wie früher. Es ist die variable, enthält den Wert für das, was der aktuellen Seite URL ist.

   • fbShare.setAttribute("href","http://www.facebook.com/sharer.php?u="+currentURL);

   • gplusShare.setAttribute("href","https://plus.google.com/share?url="+currentURL);

   • twitterShare.setAttribute("href","https://twitter.com/share?url="+currentURL+"&text="+currentTitle);

Das ist über alle dort ist zu ihm! Ich hoffe, ich schrieb das gut, und ich hoffe, es ist relativ leicht zu Folgen. Wenn alle Profis da draußen irgendwelche Vorschläge haben, bitte fühlen Sie sich frei zu werfen und geben Ihre Beratung! 🙂

Meine JS-Datei

http://jrltest.host-ed.me/_js/share.js

Link zu Informationen über das Fenster.open-Methode an w3schools.com

http://www.w3schools.com/jsref/met_win_open.asp

Link zu Informationen auf der .setattribute-Methode an w3schools.com

http://www.w3schools.com/jsref/met_element_setattribute.asp

ALTE ANTWORT: ich dachte, ich würde hinzufügen, das als Antwort. Es funktioniert der trick und löst genau das problem, das ich hatte. Die URL nach dem 'Fenster.öffnen Sie' wäre die social-media-Share Link (in dem Fall des Beispiels, es ist google plus " Teilen-Link. Es gibt ein paar Variablen, die entweder geändert oder entfernt werden. Jeder, der gut mit scripting könnte wahrscheinlich erstellen Sie eine PHP-version (welche ich LIEBE), oder ändern, damit es besser suite Ihre Bedürfnisse. Jedenfalls, ich hoffe, dies hilft jemand!

<a href="javascript:(
function(){
var w=480;var h=380;
var x=Number((window.screen.width-w)/2);
var y=Number((window.screen.height-h)/2);
window.open('https://plus.google.com/share?url='+encodeURIComponent(location.href)+'
  &title='+encodeURIComponent(document.title),'','width='+w+',height='+h+',left='+x+',top='+y+',
  scrollbars=no');
  })();" style="background: url(/wp-content/themes/HTML5/images/googleplus.png) no-repeat scroll left center transparent;">
Share to Google+</a>

InformationsquelleAutor Soundfx4

Kann man auch PHP verwenden, um die Größe der Fenster, aber hier ist die PHP-version... Have fun 🙂
Siehe Auch: PHP - Auslesen der Aktuellen URL

<?
echo '<a href="https://plus.google.com/share?url='.$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI].'" 
target="_blank"><img src="images/google-custom-icon.png"></a>';
?>

InformationsquelleAutor user3653635