Wie binde ich einen Google+ Button valide ein

Google Plus Logo

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.

Produkt

Logo check&review

check&review ist das Kamerasystem und die Software für alle möglichen Spaltlampen* für hochauflösende Augen-, Augenabschnitts- oder Fluoreszenzaufnahmen in Bild und Video.
 
Das Abspeichern in Patientenverwaltungssysteme ist bereits durch Schnittstellen möglich.
 
Optisch wurde das Kameragehäuse den entsprechenden Spaltlampen angepasst.
 
Schauen Sie sich die Impressionen an unter: Software

* z.B. die Spaltlampen, Operationsmikroskope oder der Nachbau von Zeiss, Topcon, Haag-Streit oder Rodenstock.