Wo finde ich für den Google Plus Button den Code?

Themenübersicht > Computer     Veröffentlicht von: Gabriel -  29. Dezember 2011

1
Wie bereits einigen Nutzern des World Wide Webs aufgefallen sein dürfte, gesellt sich neben dem Facebook- und Twitter-Button seit einiger Zeit bereits ein dritter Button.
2
Dabei handelt es sich um den 1 Button des sozialen Netzwerks Google Plus, welcher in den typischen Google-Farben (rot, blau, grün und gelb) glänzt.
3
Sollten auch Sie einen solchen Button auf Ihrer Website einbauen wollen, so ist dies mittels eines HTML Codes möglich.
4
Dabei steht Ihnen ein Generator zum Erstellen des eigenen 1 Buttons unter dem folgenden Link zur kostenlosen Nutzung bereit www.google.com/webmasters/ 1/button/
5
Sobald sich die Seite des Generators vollständig aufgebaut hat, können Sie zunächst einmal die wunschgemäße Größe des 1 Buttons festlegen.
6
Dabei steht Ihnen ein kleiner 1 Button (15 px), ein mittlerer 1 Button (20 px), ein 1 Button in der Standardgröße von 24 px, sowie ein 60 px großer 1 Button zur Auswahl bereit.
7
Sollten Sie mit den Maßen nichts anfangen können, so nutzen Sie das im Generator enthaltene Vorschaufenster.
8
Befinden sich auf Ihrer Website bereits Buttons anderer Netzwerke, so sollten Sie sich für den mittleren 1 Button entscheiden, da dieser die gleiche Größe der beiden anderen Buttons aufweist.
9
Sollten Sie sich hingegen für den großen Twitter-Vogel entschieden und diesen auf Ihrer Website eingebaut haben, so sollten Sie sich für den 60 px großen 1 Button entscheiden.
10
Nachdem Sie die Größe festgelegt haben, können Sie sich für die Sprache des im 1 Button integrierten Anzeigetextes entscheiden.
11
Klicken Sie dazu zunächst den im Menü enthaltenen Pfeil und anschließend die gewünschte Sprache an.
12
Unter den erweiterten Optionen können Sie zudem Einstellungen zu der URL zur 1 Vergabe, der JS Rückruffunktion, Parsen und/oder dem Zähler vornehmen.
13
Sobald der 1 Button wunschgemäß gestaltet wurde, können Sie diesen wie folgt in Ihre Website einfügen.
14
Scrollen Sie in den unteren Teil des Generators.
15
Unter dem Punkt „Kopieren Sie den folgenden Code und fügen Sie ihn in Ihre Website ein“ stehen Ihnen zwei verschiedene HTML Codes zur Auswahl bereit.
16
Der erste HTML Code muss dabei direkt vor dem schließenden Body-Tag oder in den Head-Bereich Ihrer Website eingefügt werden.
17
Den zweiten HTML Code können Sie hingegen direkt dort einfügen, wo der 1 Button später dargestellt werden soll.
Weitere Informationen zu diesem Thema findest Du hier: Nächste Anleitung