Featured Posts

Amazon Produkttesting mit ShopDoc Mehr Erfolg auf Amazon durch ProdukttestingWer seine Produkte auch auf Online-Marktpl├Ątzen wie bspw. Amazon verkauft, wei├č das hierbei positive Bewertungen das A und O sind. Nicht nur die Algorithmen der verschiedenen Produkt-/Suchmaschinen werten die...

Action!

10 Jahre SEO CAMPIXX!!! Be there or be square! Herzlichen Gl├╝ckwunsch SEO CAMPIXX - alles Gute zum 10j├Ąhrigen!!!   Die SEO CAMPIXX, auch bekannt als die "Un-Konferenz" im Bereich Suchmaschinenoptimierung, findet im M├Ąrz 2018 bereits zum 10. Mal im Hotel am M├╝ggelsee statt. Vom 01. bis...

Action!

CAMPIXX WEEK 2017 - Tickets f├╝r die SEO CAMPIXX SEO-Freunde aufgepasst! Ihr habt die M├Âglichkeit heute ein Ticket f├╝r die legend├Ąre SEO CAMPIXX zu ergattern. Um 12:00 Uhr findet wieder das ber├╝hmte SEO CAMPIXX F5 Battle statt. Mit ein wenig Gl├╝ck und vor Allem mit einer schnellen Internetleitung...

Action!

Vorteile des TV-Trackings Die TV Werbung, die umsatztechnisch bis vor einigen Jahren noch marktf├╝hrend war, wurde mittlerweile vom Online-Marketing ├╝bertroffen. Dennoch stellt sie auch heute noch einen wichtigen Teil des Marketing-Mix vieler Unternehmen dar. Das TV-Tracking...

Action!

Autoplay der Facebook Videos deaktivieren, so geht┬┤s So deaktiviert ihr die neue Autoplay-Funktion der Facebook Videos   Mittlerweile ist die Autoplay-Funktion bei Videos bei nahezu allen Facebook-Nutzern aktiv. Videos werden dabei direkt nach dem Erscheinen auf dem sichtbaren Bereich eurer Pinnwand...

Action!

Tutorial: Google +1 Button integrieren

1

Category : google, Social Media, Tutorials

google +1Bereits am 1. April hatte Google seinen “+1 Button” vorgestellt, verf├╝gbar ist dieser bisher allerdings nur in den amerikanischen SERPS von google.com. Da in den Einstellungen der Google +1 Konfiguration mittlerweile s├Ąmtliche Sprachen zu Verf├╝gung stehen, kann es nicht mehr lange dauern, bis der Google +1 Button auch die heimischen SERPS ziert.

Zeit also sich auf die Ankunft vorzubereiten und die Vorkehrungen f├╝r die Integration des Google +1 Buttons zu treffen. In diesem Turorial erfahrt ihr wie der Google +1 Button in den SERPS angezeigt wird, was beim ersten Klicken auf den Button passiert bzw. welche Einstellungen f├╝r den Google Account getroffen werden k├Ânnen, die nach dem Klick auf dem +1 Button neben dem entsprechenden Suchergebnis angezeigt werden, und nat├╝rlich wie ihr den Google +1 Button in eure Webseiten integrieren k├Ânnt.

Was ist Google +1?

“+1 ist ein K├╝rzel f├╝r “das ist cool” oder “schau dir das an”.

Klicken Sie auf +1, um ├Âffentlich mitzuteilen, dass Sie etwas gut finden. Ihre +1-Empfehlungen k├Ânnen Ihren Freunden, Kontakten und anderen im Web helfen, bei ihrer Suche die besten Inhalte zu finden.”

… so heisst es auf Google +1 Empfehlungen genau im richtigen Moment.

+1 ist also Googles Antwort auf den bis dato sehr stark etablierten Facebook Like Button und somit der Versuch ebenfalls seine User mittels Social Community und einem enstprechendem Account an die Suchmaschine zu binden. Dabei soll ein reger Austausch unter den Mitgliedern geschaffen werden, was in der Vergangenheit bereits mit Google Buzz versucht wurde.

Die Empfehlungen, die per Klick auf Google┬┤s +1 Button get├Ątigt werden, sollen dem Suchmaschinenriesen dabei helfen noch mehr (spezifische) Qualit├Ąt in die SERPS zu bringen. Spezifisch deswegen, da somit die Ergebnisse in den SERPS immer besser also immer genauer auf die jeweilge Person zugeschnitten werden k├Ânnen. So werden k├╝nftig Empfehlungen von den Freunden in Google┬┤s Social Community mit auf den ersten Pl├Ątzen ranken.
+1 ist somit auch eine Chance sowie gleichsam ein Segen f├╝r Webseitenbetreiber. Interessante Webseiten mit einem echten Mehrwert haben somit die Chance durch die “Mundpropaganda”, ausgel├Âst durch die Klicks auf +1, schnell auf den ersten Pl├Ątzen zu ranken. Google wird durch die Klickergebnisse eine erhebliche Menge an neuen, Nutzer spezifischen demografischen und geografischen, Daten erhalten mit denen es seine Datenbanken f├╝llen kann.

Wie sehen die SERPS mit den Google +1 Buttons aus?

+1 wurde direkt zwischen der verlinkten Headline eines Suchergebnisses und dem Lupensymbol f├╝r die Voransicht der Webseite integriert. Das Symbol ist zun├Ąchst ausgegraut und per MouseOver erscheinen die Farben des +1 Buttons.

Suchergebnis auf google.com mit Google +1 Buttons

google.com serp mit +1 buttons

Per Klick auf den +1 Button wird die Empfehlung in die Community getragen und ebenfalls im eigenen Account registriert. (Eigentlich genau wie bei Facebook.)
Beim erstmaligen Klicken auf den +1 Button erscheint der folgende Dialog in dem die Einstellungen f├╝r den eigenen Google Account get├Ątigt werden k├Ânnen. (Ein Google Account ist zwingend Voraussetzung f├╝r die Nutzung von Google +1!)

Klick auf den Google +1 Button

Google +1 Button Einstellungen

Per Klick auf “Customize profile” kann man den Namen sowie das Profilbild ├Ąndern. Diese Einstellungen m├╝ssen lediglich einmalig beim ersten Klicken auf +1 durchgef├╝hrt werden.

Google +1 Button Einstellungen anpassen

Google +1 Button Einstellungen bearbeiten

Anschlie├čend, nach dem Klicken auf +1, wird der entsprechende Eintrag durch den blau gef├Ąrbten Google +1 Button hervorgehoben. Weiterhin wird unter dem Eintrag ein Icon mit dem Profilbild angezeigt. Sehen die eigenen Freunde diesen Eintrag in einem Suchergebnis, so werden auch sie euer Icon und euren Account Namen unter dem entsprechenden Eintrag sehen. (… und wahrscheinlich eher auf diesen Eintrag als auf einen anderen Eintrag im SERP klicken … und wenn es nur aus Neugierde ist…) Die “virale Spirale” wurde also gestartet ;).

Suchergebnis auf google.com nach dem Klick auf den Google +1 Button

google.com SERP nach dem Klick auf den Google +1 Button

Google +1 Button konfigurieren und in die eigene Webseite integrieren

Auf “Google +1 f├╝r Ihre Website” steht ein Konfigurator f├╝r den +1 Button zu Verf├╝gung. Damit kann man die Gr├Â├če sowie die Sprache f├╝r den +1 Button einstellen.

+1 Schaltfl├Ąche erstellen

+1 Schaltfl├Ąche erstellen

Im Bereich “Erweiterte Optionen” kann die Anzeige der bisher get├Ątigten Klicks auf den +1 Button aktiviert und deaktiviert werden. Auch kann der Zeitpunkt bzw. der Event f├╝r das Parsen der Daten gew├Ąhlt werden. Hierzu gibt es die M├Âglichkeit die Daten “onLoad” sowie “Explicit”.

+1 Schaltfl├Ąche erstellen

Beim Wert “onLoad” werden die Schaltfl├Ąchen so gerendert, als w├╝rde gapi.plusone.go() unmittelbar nach dem Laden der Seite aufgerufen. Bei Verwendung des Werts “explicit” muss die Methode gapi.plusone.go(container) oder gapi.plusone.render(container) wie im JavaScript-API beschrieben aufgerufen werden.

Dar├╝ber hinaus k├Ânnen Angaben zur “JS-R├╝ckruffunktion” get├Ątigt sowie die URL zur +1-Vergabe hinterlegt werden. Bei der Verwendung eines CMS sollte hierbei die Variable der entsprechenden Artikel bzw. Seiten URL hinterlegt werden.

Diese und weitere Parameter f├╝r die Konfiguration des +1 Button findet ihr auf “API f├╝r die +1-Schaltfl├Ąche – Einf├╝gen der +1-Schaltfl├Ąche auf Ihrer Website“. Google verweist an dieser Stelle noch einmal ausdr├╝cklich auf die Verwendung des rel="canonical"-Tag auf der Webseite, damit eine explizite Zuordnung der Inhalte zu der URL gew├Ąhrleistet ist.

Wer den Google +1 Button einfach “mal eben schnell” in seine Seite integrieren m├Âchte, der kann die folgenden Codeschnippsel verwenden.

In jedem Fall muss zun├Ąchst folgendes JavaScript in die Seite integriert werden. Dabei spielt es keine Rolle ob dieses im “Header”, am Ende der Seite oder direkt neben dem +1 Button Code integriert wird.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Die folgende Google +1 Button Integration stellt die rudiment├Ąre Basis da.

<g:plusone size="standard" count="true"></g:plusone>

Da die g├Ąngigen Browser bereits f├╝r HTML5 ger├╝stet sind, stellt Google auch den Google +1 HTML5-Syntax zu Verf├╝gung.

<div class="g-plusone" data-size="standard" data-count="true"></div>

F├╝r die Integration des Google +1 Button in WordPress empfehle ich das Plugin WordPress Google +1 Button

Die “Google Richtlinien f├╝r die +1-Schaltfl├Ąche” solltet ihr noch kennen und schon kann es mit dem eigenen Google +1 Button los gehen. Viel Spa├č bei der Umsetzung!

Zum Abschluss gibt es als Belohnung noch das offizielle Google +1 Video

Kommentare (1)

[…] Tutorial: Google +1 Button integrieren Bereits am 1. April hatte Google seinen "+1 Button" vorgestellt, verf├╝gbar ist dieser bisher allerdings nur in den amerikanischen SERPS von google.com. Da in den Einstellungen der Google +1 Konfiguration mittlerweile s├Ąmtliche Sprachen zu Verf├╝gung… […]