Google PlusOne Button integrieren
Der neue Google +1 Button Button ist, wie schon der Twitter-Button und der „Gefällt mir“-Button von Facebook, ganz einfach in jedes WordPress Theme oder eine statische Website zu integrieren.
Der Google +1 Button wird via iFrame eingebaut und muss nur um einen kleinen Bestandteil modifiziert bzw. abgeändert werden, wenn ihr den Code hier heraus kopiert. WordPress-Nutzer können jedoch ganz einfach wie gewohnt den folgenden Code in ihr Theme eingliedern, ohne Änderungen vornehmen zu müssen:
<iframe src="https://madrelease.google.com/_/doodad/button?url=<?php the_permalink(); ?>&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:55px; height:65px; margin-left: 5px;" allowTransparency="true"></iframe>
Die Funktion <?php the_permalink(); ?> ersetzt im fertigen Quellcode den Platzhalter mit der jeweiligen URL, auf der sich der Besucher gerade befindet bzw. die er „liken“ soll.
Ausserhalb des WordPress-Loops, zum Beispiel auf der Startseite, könnte man den +1 Button folgendermaßen einbauen:
<iframe src="https://madrelease.google.com/_/doodad/button?url=<?php echo get_option('home'); ?>&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:55px; height:65px; margin-left: 5px;" allowTransparency="true"></iframe>
Hier wird dann aber nur die Domain (Startseite) gelike‘d.
Google +1 Button in eine statische Website integrieren
Wer den Google +1 Button auf seiner normalen, nicht CMS fähigen Website verwenden will, muss leider öfter den Code vom Button verändern. Kopieren Sie den folgenden Code in Ihre Website und ersetzen Sie die drei X mit Ihrer URL:
<iframe src="https://madrelease.google.com/_/doodad/button?url=XXXXXX&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:55px; height:65px; margin-left: 5px;" allowTransparency="true"></iframe>
Da sich der “PlusOne”-Button aktuell noch in einer Beta-Phase in den USA befindet, könnte es sein, dass sich der Quellcode noch einmal ändert – wir halten Sie jedoch auf dem Laufenden und werden diesen Artikel entsprechend aktualisieren.
So sieht der Google +1 übrigens aktuell aus ;-) Beta halt…
::::UPDATE::::
Mittlerweilge kann man den Button ganz ohne iFrames etc. integrieren. Mehr dazu gibt es auf der offiziellen Google+ Button Website unter: http://www.google.com/webmasters/+1/button/index.html
Video zum Google +1 Button
Das WordPress Affiliatetheme - für Ihren Erfolg
Mit dem WordPress Affiliatetheme geht es leichter, bares Geld mit Ihrer Website zu verdienen! Starten Sie jetzt und verpassen Sie nicht den Anschluss - Ihre Konkurrenz schläft nicht! Das WordPress Affiliatetheme unterstützt Sie aktiv, höhere Conversions zu erzielen und Ihre Website erfolgreicher im Internet zu positionieren.
9 Kommentare zu “Google +1 Button in WordPress integrieren”
Das kommt immer ganz auf dein WordPress Theme an. Wenn er auf den Artikeln erscheinen soll, ist die single.php genau die richtige Datei.
Gibt es auch eine nicht-IFRAME-Version? Der Code oben erzeugt bei mir ausschließlich folgende Meldung:
Google
Error
Server Error
The service you requested is not available at this time.
Service error -27.
Hallo Herr Henke,
uns ist bislang nur von dieser Methode bekannt. Aktuell ist der Button ja eh noch in einer Art “Betaphase” und nicht für den Produktiveinsatz auf allen Websites geplant – gleiches gilt natürlich selbst für den 1+ Button innerhalb der SERPs.
Viele Grüße,
André Nitz
[...] sofern ist die Benennung als “+1″ recht gut gewählt. Mittlerweile gibt es eine ganze Reihe von guten Beiträgen, die das Thema [...]
Da ich kein Datum finde weiß ich nicht ob der Status hier noch aktuell ist, ich bastel gerade auch an der Integrierung in meinen Blog und das klappt auf iFrame Basis leider gar nicht.
Google stellt hier eine Javascript Variante vor, diese hab ich mangels technischer Kenntnisse noch nicht ganz verstanden, allerdings sieht das Ergebnis schon deutlich besser aus. :)
http://www.google.com/webmasters/+1/button/index.html
Hallo Dennis,
du bekommst doch ganz andere Dinge hin :-)
Aaaalso:
Das JS von Google gehört vor das schließende “HEAD” Tag in deinem Blog oder deine HTML Seite.
Der eher eigenwillige Code gehört genau an die Stelle, an der du den Button haben möchtest. Die iFrame Variante von oben ist seit langer Zeit überholt und wird von mir gleich noch aktualisiert.
Viele Grüße, André
Noch ein Nachtrag:
Du kannst das JS vom Google+ Button natürlich auch direkt vor das schließende Body Element setzen! Vorteil: Deine Seite wird Inhaltlich zu Ende geladen und erst dann kommt der Google+ Button für deine Website.
Hehe, danke Andre. Naja, Copy & Paste klappt ganz gut. Für das “echte” Coden fehlt mir noch ne Menge Syntax Verständnis.
Ne, also den Button hab ich drin, auch die JS Zeilen, ich fummel grad nur ein wenig weil Title & Description irgendwie nicht so wiedergegeben wird wie ich das will.
Beim googlen bin ich dann auch hier gelandet und hab mir gedacht ich aktualisiere auch gleich mal .:)
Die iframe Lösung fand/finde ich dann doch irgendwie deutlich komfortabler.
Schreiben Sie einen Kommentar
Aktuell bleiben!
Unser Partner
Wo genau muss der Code den eingefügt werden – auf der single.php oder wo? Damit er oben vor den Articeln erscheint?