Wie binde ich einen Google+ Button valide ein

Nach langer Suche im Netz und vielen Fehlversuchen bin ich endlich fündig geworden. Damit ich es selber nicht wieder vergesse und es vielleicht auch anderen hilft, hier kurz die Anleitung dazu:

 

Oben in den Header oder vor dem schließenden body-tag </body> das Standard Script von Google einbinden:

 

 <!-- google + -->

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

 

Dann fügt man an die gewünschte Stelle auf seiner Seite folgenden Code ein:

 

<div>
<div class="g-plusone" id="my_plusone"></div>
<script type="text/javascript">
document.getElementById("my_plusone").setAttribute("data-href", 
"http://www.webadrett.de/");
document.getElementById("my_plusone").setAttribute("data-size", "standard");
document.getElementById("my_plusone").setAttribute("data-count", "false");
</script>
</div>

 

Die 3 von mir verwendeten Attribute:

data-href -> Hier gibt man die gewünschte URL ein.
data-size -> Hier gibt man die gewünschte Darstellungsgröße ein.
data-count -> Hier gibt man ein, ob der Zähler zu sehen sein soll oder nicht (true/false).

Natürlich sind auch alle weiteren Attribute möglich.

Ich hoffe es hilft dem einen oder anderen.