Google +1 Button in WordPress integrieren

google +1 buttonDer 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