Nachdem ich bereits ausführlich beschrieben habe, wie man den Facebook Like Button und den Twitter Button in seine Website integriert, muss ich natürlich auch gleich das neue Hype-Thema aufgreifen und kurz erklären, wie man den neuen Google Plus bzw. Google +1 Button in seine persönliche Website einbaut. Google hat zu diesem Zweck genau wie Facebook ...

Nachdem ich bereits ausführlich beschrieben habe, wie man den Facebook Like Button und den Twitter Button in seine Website integriert, muss ich natürlich auch gleich das neue Hype-Thema aufgreifen und kurz erklären, wie man den neuen Google Plus bzw. Google +1 Button in seine persönliche Website einbaut.
Google hat zu diesem Zweck genau wie Facebook und Twitter eine Seite erstellt, auf welcher man sich den gewünschten Button-Code generieren lassen kann.

Die Adresse lautet: http://www.google.com/webmasters/+1/button/

Hier kann man die gewünschte Sprache sowie die Größe des Buttons auswählen. Ich habe für meinen Blog die Sprache “Deutsch – Deutsch” und die Größe “Mittel (20px)” ausgewählt. Nach dieser Konfiguration muss man nun zwei Sachen tun:

1. Diesen Code in den Head-Bereich oder direkt vor dem schließenden Body-Tag der Webseite im HTML-Code einfügen:

   <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
   {lang: 'de'}
   </script>

2. Dieses Tag im HTML-Code an der Stelle einfügen, wo der Google +1 Button erscheinen soll

   <g:plusone size="medium"></g:plusone>

Das wars auch schon. Das Ganze sollte dann so aussehen: . Was der Button genau bewirkt erkläre ich vielleicht ein anderes Mal. Viel Vergnügen mit dem neuen Sozialen Netzwerk von Google.