BloggerLatein

Wie kann man bei Blogspot den neuen “Google Plus Eins” Button einbinden? Wie bettet man den neuen “Google +1” Button bei einem Blogger Blogspot ein?

Google hat das Design der “Google +1” bzw. der “Google Plus” Buttons geändert. Das neue Design der Buttons wurde automatisch für sehr viele Produkte, auch in Blogger Blogspot Blogs, übernommen. Wer sich mit dem alten bunten Design gar nicht anfreunden konnte hat vielleicht Grund zur Freude.

Das alte Design wird es in diesem Artikel weiter zu “bewundern” geben.

Wozu braucht man nur all diese Share Buttons (Social Media Buttons)? Man braucht sie nicht, aber sie bringen viele Vorteile.

Wer seine Webseite bekannter machen möchte und das Ranking in den Suchmaschinen verbessern möchte, wird kaum mehr an Social Media Buttons vorbeikommen.

Ein Vorteil ist, dass der Leser schneller den Inhalt der Seite, auf der er sich befindet, in sozialen Netzen teilen kann. Was das bringen soll? Es bringt mehr Besucher und neue Leser finden vielleicht die Seite bzw. den Blog interessant. Vielleicht teilen diese wieder die Links zu bestimmten Posts bzw. Artikeln des eigenen Blogs. Somit kann sich ein Link zu einer Webseite bzw. einem Blog schneller verbreiten und mehr Besucher auf den Blog bringen.

Sehr gut ist es, wenn dann noch jemand den Inhalt des eigenen Blogs so gut oder empfehlenswert findet, dass er in seinem Blog oder auf seiner Webseite einen Link zum eigenen Blog setzt. Man spricht dann von einem Backlink. Auch den Backlinks kommt eine wichtige Bedeutung zu und sehr vereinfacht ist es ein nicht unwesentliches Kriterium für das Ranking des Blogs in den Suchmaschinen.

Der "Google Plus Eins" Button ist ebenso ein Social Media Button und hat in etwa die gleiche Funktion wie der “Gefällt mir” Button von Facebook. Mit dem "Google +1" Button können Leser die Inhalte des Blogs positiv bewerten und es bringt eventuell weitere Besucher auf den Blog.

Der Code für den "Google +1" Button wird in einem Blogger Blogspot Blog über das Gadget HTML/JavaScript (meist in der Seitenbar) eingefügt.

Gadget für HTML/JavaScript in der alten Blogger Oberfläche hinzufügen

• bei blogger.com einloggen und entsprechenden Blog aufsuchen
• Design >> Seitenelemente >> Gadget hinzufügen >> HTML/JavaScript auswählen und den Code des “Google +1” Buttons einfügen >> Speichern
• Blog neu laden und der Button sollte zu sehen sein

Gadget für HTML/JavaScript in der neuen Blogger Oberfläche hinzufügen

• bei blogger.com einloggen und entsprechenden Blog aufsuchen
• Layout >> Gadget hinzufügen >> HTML/JavaScript auswählen und den Code des “Google +1” Buttons einfügen >> Speichern
• Blog neu laden und der Button sollte zu sehen sein

Google +1 Buttons & Codes

Button – groß

Code

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

Button – standard

Code

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

Button – mittel

Code

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

Button – klein

Code

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

Button mit Counter – groß

Code

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

Button mit Counter – standard

Code

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

Button mit Counter – mittel

Code

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

Button mit Counter – klein

Code

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

Button mit Counter – groß

Code

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

Button mit Counter – standard

Code

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

Button mit Counter – mittel

Code

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

Button mit Counter – klein

Code

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