Social Media: Den neuen Google +1 Button auf Webseite und Magento einbinden

13. Juni 2011 (Kommentare: 0)

Social Media - den Google +1 Button in die Webseite einbinden

Der Facebook gefällt-mir-Button punktet und ist aus unseren Blogs kaum noch wegzudenken. Nun folgt Google dieser Strategie mit dem Google +1 Button. Mit einem Klick auf den Button zeigt der Nutzer, dass ihm das Suchergebnis gefällt, welches das Ranking positiv beeinflussen soll. Voraussetzung für die Sichtbartkeit ist jedoch ein eigenes Konto bei google.

Wie sich der Google +1 Button letzlich auf das Ranking auswirkt, bleibt abzuwarten. Google benutzt die Werte vorsichtig und möchte zuerst Erfahrungen sammeln.

Einbindung des Google +1 Buttons auf der Webseite

Social Media Icons

Diesen Code fügen Sie in den Head-Bereich oder direkt vor dem schließenden Body-Tag ein:

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

 

Und anschließend binden Sie den Google +1 Button an beliebiger Stelle auf Ihrer Webseite ein:

<g:plusone size="small"></g:plusone>

 

"Size" können Sie mit folgenden Werten füllen:

 

Social Media Google Button

Die zusätzliche Angabe von

count="false"

entfernt den Zähler.

 

Tracking des Google +1 Buttons mit Google Analytics

Google Analytics soll bereits an einem Update arbeiten, mit welchem die Tracking-Möglichkeiten des Google +1 Buttons automatisch funktionieren könnten.

Man kann sich aber auch jetzt schon Abhilfe verschaffen, indem man die folgenden Code-Teile auf der Webseite einbindet.

Der Google +1 Button Code wird durch die callback Funktion erweitert:

<g:plusone callback="google_test" ></g:plusone>

Anschließend muss folgender Javascript Code eingebunden werden, um das Tracking der Google +1 Button zu ermöglichen:

 

<script type="text/javascript">
  function google_test( obj ) {
    _gaq.push(['_trackEvent','plusone',obj.state]);
  }
</script>

Die Einbindung des Google+1 Button in Magento

Um den Google+1 Button in Magento einzubinden, müssen wir folgende Datei bearbeiten:

/app/design/frontend/default/EIGENES-TEMPLATE/template/catalog/product/view.phtml

Hierzu wird die view.phtml um folgenden Code ergänzt:

<div class="social-icons">
<?php $url = $this->helper('core/url')->getCurrentUrl();?>
  <g:plusone size="medium" count="true" href=<?php echo "\"$_url\"" ?>>
</g:plusone>
  <script type="text/javascript"
src="https://apis.google.com/js/plusone.js">{ lang: '<?php echo
Mage::getStoreConfig('general/locale/code',
Mage::app()->getStore()->getId()); ?>'}</script>
</div>

Der Code kann dort natürlich an beliebiger Stelle platziert werden. Am besten eignet sich der Button m.E. vor dem Block ShortDescription.

Zurück

Einen Kommentar schreiben