Google Plus One Button (+1) ohne Plugin in validem HTML in WordPress integrieren

Wer nach einem Plugin für den Google Plus One (+1) Button sucht wird schnell fündig. Doch bei einer Validierung werden schnell Fehler ausgegeben. Auch ist der notwendige Code schnell und einfach an der gewünschten Stelle plazierbar. So spart man sich ein weiteres Plugin im Dashboard.

Um den Google Plus One Button (+1) ohne WordPress Plugin in die eigene Seite einzufügen geht man folgendermaßen vor:

Zuerst öffnet man die header.php und fügt folgenden Code „vor“ dem </head> tag ein:

In die footer.php fügt man folgenden Code ein, in dem man auch Design Anpassungen vornehmen kann:

Danach plaziert man den Google Plus Button Code an die gewünschte Stelle im Theme. Dies erfolgt im Normalfall in der single.php Datei sofern der Button für jeden Artikel erscheinen soll.


Weiterhin bietet der Google Plus Button folgende Parameter für die Größe des Buttons:

size=“small“ – Anzeigegröße small 15px
size=“medium“ – Anzeigegröße medium 20px
size=“large“ – Anzeigegröße large 60px
size=“standard“ – Anzeigegröße standard 25px (hierzu einfach den
Parameter weglassen)

count=“false“ – um den Zähler anzuzeigen oder zu deaktiveren

So, das war´s dann auch schon!

Viel Spaß mit dem Google Plus Button
[adrotate group=“8″]

Hinweis:
Google stellt auch einen Google Plus One (+1) Generator zur Verfügung. Die Parameter für die Webseite können hier manuell eingegeben werden. Der dort generierte Code ist jedoch nicht W3C Valid.

Übrigens! Damit eure sozialen Kontakte auch sehen können wann ihr einem Beitrag ein +1 gegeben habt, solltet ihr die Einstellungen zur Personalisierung eures Google Accounts updaten.

Achso, für ein +1 dieses Beitrags wäre ich dankbar!

 

[cci lang="lang"]

Hallo, ich bin Lars, IT-Systemkaufmann und Wordpress Fan aus Deutschland. Ich arbeite im Bereich Social Media und Webdesign. Mein größtes Hobby sind meine Kinder die ich über alles liebe und mit denen ich jede freie Minute verbringe. Du findest mich hier: Google+

16 Fragen & Antworten

Schreib´ einen Kommentar

Durchführung eines IT Projekts
Lösungen & Tipps
Hubu.de | Hubu.news | Hubu.FM | Hubu.cloud