Heute möchte ich Euch zeigen, wie Ihr eine Like Button in Euren WordPress Blog implementiert.

Zirka Ende April – Anfang Mai 2010 bot Facebook die Möglichkeit an, den Like Button auf jeder Seite zu integrieren. In der Social Media Zeit ist der Like bzw. „gefällt mir“ Button ein wirklich wertvolles Instrument geworden. Viele Benutzer wollen keine Beiträge kommentieren, da es doch zeitaufwändiger ist, als einmal auf den Like Button zu klicken.

Der nächste Vorteil ist, dass der Blogschreiber die Anzahl der Like Klicks sieht und somit weiß, dass der Beitrag den Lesern gefällt und dadurch animiert wird, weiter zu schreiben. Zusätzlich wird ein Ausschnitt auf der Facebook Pinnwand angezeigt, somit ist das Verteilungsspektrum wesentlich höher.

Um den Like Button in WordPress zu implementieren, haben wir 2 Möglichkeiten.
Möglichkeit 1: Implementierung via WordPress Plugin
Möglichkeit 2: Implementierung via PHP / HTML in den Quelltext des Themes

Möglichkeit 1 – WordPress Plugins

Ich möchte euch 3 Facebook Like Plugins vorstellen die ich auch aktiv in Benutzung habe.

• Facebook likes you (v. 1.1.7)
• Like (v. 1.9.6)
• Facebook like box widget (v. 1.8)

Facebook likes you ist wohl das schlankeste der hier aufgelisteten Plugins.
Die Einstellmöglichkeiten reichen für den normalen Like Button aus. Das schöne ist, dass sich die Höhe automatisch anpasst, wenn man „Gesichter“ anzeigen lassen möchte. Die Anzeigeposition kann problemlos angepasst werden.
Dafür existieren bei diesem WordPress Plugin folgende Möglichkeiten: oben, unten, auf Seiten, in Artikeln, auf der Startseite, bei der Suche und im Archiv.

Sehr schön ist bei der Abständedefinition, dass man es visualisiert bekommt.

Das Ausschließen von Seiten, Artikeln und Kategorien ist auch problemlos mittels ID, Titel oder Slug möglich.

 
Das Plugin Like bietet die wohl umfangreichsten Einstellungen bei diesem Facebook Plugin vergleich.

Wie man auf dem Screenshot erkennt, kann das Plugin „Like“ all das, was Facebook likes you kann. Es kommt nur noch sehr viel mehr hinzu. Wie zum Beispiel:

• Updates auf die Pinnwand
• IFRAME oder XFBML
• Asynchron oder synchron laden von Javascript
• Breite und Höhe
• Button Layout
• Like oder empfehlen
• Schriftart, verschiedene Farbenschemen (dunkel und hell)
• Open Graph Protokoll
• Und noch einiges mehr

Facebook like box widget ist anders als die Plugins vorher.
Es handelt sich um ein Widget für die Integration in eine Sidebar. Dieses Plugin bzw. Widget beinhaltet nicht nur den Like Button, sondern kann auch Freunde und neueste Nachrichten anzeigen.

Wer also sein Like Button nicht unter jedem Post bzw. unter jeder Seite haben möchte, kann es 1 mal in die Sidebar als Widget implementieren und dann gilt es global für die ganze Seite.

Dieses macht beispielsweise Sinn bei Landingpages.

Möglichkeit 2 – Integration durch PHP / HTML

Diese Möglichkeit wird von sehr vielen Personen bevorzugt, da man freie Hand bei der Platzierung hat. Facebook stellt ein IFRAME bzw. XFBML Codeschnipsel zur Verfügung, welcher dann einfach innerhalb des Post Loops eingebunden wird.

IFRAME

<iframe src=”http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.project-none.de&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=dark&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”></iframe>

Die anpassbaren Eigenschaften auf einen Blick:

• href – Die Like URL
• layout – Besitzt 3 Optionen
  • standard – Gefällt mir Button und rechts daneben Name + gefällt das
  • button_count – Zeigt die Anzahl der Likes rechts neben der Schaltfläche
  • box_count – Zeigt die Anzahl der Likes in der Schaltfläche
• show_faces – Zeigt Profil Foto
• width – breite des Like Buttons
• font – Schriftart
  • arial (arial)
  • lucida grande (lucida%20grande)
  • segoe ui (segoe%20ui)
  • tahoma (tahoma)
  • trebuchet ms (trebuchet%20ms)
  • verdana (verdana)
• colorscheme – dunkel oder hell (dark,light)

XFBML

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”http://www.project-none.de” show_faces=”true” width=”450″ font=”" colorscheme=”dark”></fb:like>

• href – Die Like URL
• show_faces – Zeigt Profil Foto
  • width – breite des Like Buttons
  • font – Schriftart
  • colorscheme – dunkel oder hell (dark,light)

Facebook bietet aber auch einen Like Button Generator an. Den findet ihr unter

http://developers.facebook.com/docs/reference/plugins/like/

Damit ist es innerhalb kürzester Zeit möglich, dass IFRAME bzw. XFBML generieren zu lassen.

Links zu den Plugins

Facebook likes you
Like
Facebook like box widget