blogspot Tricks - Facebook LIKE-Button unter jedem Beitrag anzeigen - „Gefällt mir“ Button

Facebook bietet seit kurzem die Möglichkeit an, auf externen Seiten den aus Facebook gewohnten Like-Button anzuzeigen. Das funktioniert auch, mit einer kleinen Veränderung des Codes, bei blogspot.com, bzw. blogger.com Blogs. Klickt ein Facebook User auf diesen Button, dann erstellt er damit einen Eintrag auf seinem Facebook Profil mit dem Inhalt „Username xyx gefällt Beitragstitel“, wobei das Ganze mit einem Link zum entsprechenden Beitrag verknüpft wird.

Achtung: Wir haben unsere Tipps & Tricks zu Blogspot in einen eigenen Blog ausgelagert. Neue Beiträge zu diesem Thema erscheinen nur noch dort, die alten wandern, nach und nach, ebenfalls dorthin.
Dieser Artikel hier ist bereits umgezogen, sollte es neue Informationen geben, werden sie nur noch dort aktualisiert!

Damit kann jeder Artikel mit nur einem einzigen Klick ins Facebook-Profil eingetragen werden, ohne den Umweg über Facebook (Seite öffnen, Link kopieren und eintragen, abschicken) gehen zu müssen. Eure Leser können damit also eure Beiträge verlinken, ihr bekommt dadurch u.U. mehr Leser. Wie ihr das ganze automatisch unter jeden eurer Beiträge einbaut, erkläre ich euch im folgenden. (Die Facebook-Likebox, bei uns oben rechts im Blog eingebaut, ist eine andere Funktion, die wie euch hier erklären).

Facebook bietet mehrere Varianten an. Ich habe mich hier für die entschieden, die nur den Button anzeigt und daneben eine Zahl, wie viele User den Button bereits gedrückt haben. Das Ganze passiert dann anonym, es werden in eurem Blog keine Usernamen angezeigt. Ich habe gemerkt, dass eine Anzeige des Namens die User eher davon abschreckt diesen Button zu drücken, daher hier die anonyme Variante.

Als erstes müsst ihr euch in euer blogspot Dashboard einloggen. Dort wechselt ihr auf LAYOUT und dann auf HTML bearbeiten. Nun setzt ihr das Häkchen bei Widget-Vorlagen komplett anzeigen. Im Vorlagenfeld sucht ihr nun nach dem Ausdruck:

<data:post.body/>

Falls ihr nicht den kompletten Text mit den Augen durchsuchen wollt, nutzt doch einfach die Suchfunktion eures Browsers, normalerweise mit der Tastenkombination strg und f bei PCs oder cmd und f bei Macs. Dann einfach data:post.body ins Suchfeld eingeben und freuen, dass es so einfach war.

Direkt darunter fügt ihr folgenden Code ein:

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=180&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:180px; height:30px;'/>
</b:if>

und speichert das Ganze mit VORLAGE SPEICHERN ab. Das war auch schon alles.

Wenn ihr euch jetzt einen Beitrag in eurem Blog anschaut seht ihr unter dem Beitragstext den „Gefällt mir“ Button. Wollt ihr das auch auf eurer Startseite unter jedem Beitrag sehen, dann lasst einfach die erste und die letzte Zeile des Codes weg. Falls ihr auf der Startseite nur Textauszüge anzeigt, erscheint dort der Button nicht. Öffnet ihr einen kompletten Einzelbeitrag ist der Button unter eurem Text sichtbar.

Drückt ein Leser den Button und war vorher bereits bei Facebook eingeloggt, dann erhöht sich nur die Zahl neben dem Button und das wars (der Eintrag ins Profil passiert unsichtbar). War der Leser noch nicht eingeloggt, dann öffnet sich ein keines Popup-Fenster mit der Aufforderung sich einzuloggen. Die einzugebenden Daten „sieht“ nur Facebook.

Wie das Ganze aussieht und was passiert könnt ihr hier ausprobieren, schaut hinterher einfach in euer Facebook Profil und ihr werdet dort auch sofort das Ergebnis sehen.

So i wonder...

Weitere Tipps und Tricks zu blogspot gibt es hier im aufregenden Blog oder bei Blogspot Tricks.