Like Button zu Tumblr hinzufügen

Vorab: Facebook ist zur Zeit ein viel diskutiertes Thema, vorallem die Privacy Einstellungen des Unternehmens sind vielen ein Dorn in Auge. Aber ehrlich: Es ist mir egal, ich habe meine Daten dort gut eingebunkert, niemand ausserhalb meines Freundeskreises kann irgendwas von mir sehen. Und das war auch schon vor Webseiten wie ReclaimPrivacy so. Wer das nicht hinbekommt, soll austreten. Danke.

Der Likebutton ist überall. Ich habe schon vor ein paar Wochen versucht, aber leider fehlte mir dazu die nötige Tumblr Variable, welche den Permalink ausspuckt. Die ist nun da, und ich hab es in Rekordzeit gebastelt (was ber auch nicht wirklich schwierig war). Ich hab das ganze mal schnell zusammengeschrieben, da ich sicherlich nicht der letzte bin, welcher sich damit beschäftigen wird.

Beispiel: BarsandPies

Zuerst braucht man den Likebutton Code, welcher sich auf der Facebook Developer Webseite kopieren lässt. Vorher noch die Anpassungen nach Wunsch anklicken und das war es. Ich persönlich habe mich für die Mini Variante entschieden, ohne Gesichter und mit einer Weite von 100px. Heisst bei mir übrigens nicht “Like” sondern “Recommend”, denn für mich ist ein “Like” in freier Wildbahn nur eine Empfehlung auf Facebook. Nicht mehr.
Wichtig: Im Formularfeld, welches die URL verlangt, bitte {URLEncodedPermalink} eintragen. Das ist ein relativ neues Markup von Tumblr, welches direkt den Permalink einer Tumblrseite ausspuckt.

Der iFrame Code welchen wir bekommen sieht so aus:

<iframe src="http://www.facebook.com/plugins/like.php?href=%257BURLEncodedPermalink%257D&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=recommend&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>

Diesen Code müssen wir nun über die “Custom HTML” unter “Customize” im Tumblr Backend einfügen. Ich habe in meinen kleinen Infografik Tumblr den Likebutton jeweils am Ende eines Posts eingefügt, aber das ist jeweils eure Entscheidung. Sucht nach:
{block:Posts}
...
{/block:Posts}

…und einfach an die gewünschte Stelle einfügen. Done.

Datum: | Kategorie: Facebook/Tutorial | Tags: Facebook Integration Like Likebutton Tumblr

Ein Kommentar

1. 

   Ole schrieb am 14. Dezember 2010 um 07:21

   
   

   Gibt es einen Standardfehler, den Anfänger machen, sodass bei Facebook “XY gefällt TITLE auf URL” statt “XY gefällt POSTTITLE auf URL” erscheint? Wenn ja, dann habe ich ihn begangen und bekomme ihn beim besten Willen nicht mehr ausgebügelt. Weiß jemand Rat?