Google+ Share Button einbauen

aus der Kategorie "Social Media"
Schwierigkeitsgrad: Anfänger

  • Gehe auf die Seite von Google unter https://developers.google.com/+/web/share/?hl=de
  • Hier landest du direkt auf der richtigen Seite, auf der du deinen Google+ teilen Button generieren kannst.
  • Bei “Hinweis” kannst du auswählen, wie dein Google+ teilen Button aussehen soll.
  • Mit den Auswahl Feldern direkt darunter wählst du die entsprechende Größe aus.
  • Bei der Sprachauswahl ist automatisch bereits Deutsch ausgewählt, kann aber jederzeit gegen eine andere Sprache ausgetauscht werden.
  • Ansonsten muss hier nichts weiter eingestellt werden, ausser du hast Lust dich mit der Dokumentation zu befassen, die sich ebenfalls auf der Seite befindet.
  • Jetzt kannst du ähnlich dem Twitter Share Button deinen Teilen Button per Copy & Paste aus dem “Alles in Ordnung? Dann kopieren Sie diesen Code” herauskopieren und auf deiner Homepage einfügen.
<!-- Fügen Sie dieses Tag in den head-Abschnitt oder direkt vor dem schließenden body-Tag ein. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'de'}
</script>

<!-- Fügen Sie dieses Tag an der Stelle ein, an der die Teilen-Schaltfläche erscheinen soll. -->
<div class="g-plus" data-action="share" data-height="24"></div>

Entweder rufst eine Seite auf, stellst den Editor in den Quellcode Modus und packst den generierten Google+ Code an die Stelle an der dein Button angezeigt werden soll oder aber einfacher ist es, wenn du den Button in eine der rechten Boxen kopierst, hier musst du keinerlei Dinge umschalten / beachten. Oder du kopierst den Google+ Button bei Design in den Designeinstellungen in das Feld “Text über dem Design” / “Text unter dem Design”.

Abspeichern, fertig und schon kann deine Seite “geplused” werden.


Zurück zur Übersicht