Facebook-Fanbox/Likebox jetzt mit Unlike-Button

Über ein Blogpost von allfacebook bin ich darauf aufmerksam geworden, dass Facebook jetzt einen Unlike-Button in die Fanbox bzw. Likebox einblendet, wenn man dort „Gefällt mir“ angeklickt hat.

Man konnte zwar vorher schon auf der betreffenden Facebook-Seite selbst „Gefällt mir nicht mehr“ anklicken, aber dieser Link ist unten links doch sehr versteckt platziert. Fragt sich, ob der Unlike-button jetzt auf die Fan- bzw. Likebox beschrönkt bleibt, oder auch sonst eingeführt wird…?

Wie finden Sie diese Neuerung?

Fanbox ade und hallo Like Box

Vor der Einführung der Social Plugins war die Fanbox (in der deutschen Version unnötigerweise mit „Fanfeld“ übersetzt), die einfachste Methode für Betreiber von Facebook-Seiten, auf Ihrem Blog oder Ihrer regulären Website auf die Facebook-Seite hinzuweisen. Da die Fans jetzt „Personen, denen diese Seite gefällt“ heißen, wurde auch die Fanbox von der Like Box (in der deutschen Version wieder unnötigerweise mit „Gefällt mir-Feld“ übersetzt) abgelöst.

Keine Sorge! Die bereits installierten Fanboxen funktionieren bislang noch. Die neue Like Box ist auchgenau wie vorher die Fanbox über Seite bearbeiten > rechte Spalte „Wirb für Deine Seite“ zu finden. Allerdings steht dort jetzt „Mit ‚Gefällt mir‘-Feld bewerben“, was zum Bereich der Like Box der Social-Plugins-Abteilung führt.

Dort kann man sich seine Like Box aus folgenden Komponenten zusammenstellen:

  • Header (Kopfbereich „Find us on Facebook“)
  • Stream
  • Connections (wenn man hier 0 eingibt, werden keine angezeigt)

Alles, was man dazu braucht, ist die zwölfstellige id der eigenen Facebook-Seite. Diese erhält man z.B. durch Anklicken des Seitenlogos, id erscheint dann am Ende der URL:

Außerdem kann man die Höhe und Breite der Box anpassen. So lassen sich ganz verschiedene Erscheinungsformen zusammenstellen:

Like Box mit allen Bestandteilen
Like Box ohne Stream und Header, mit angepasster Breite und Höhe und Anzahl der Connections
Like Box ohne Header und Connections, mit angepasster Breite und Höhe

Facebook hat Fanbox-Skript verbessert

Wie ich gerade mit Freuden festgestellt habe, hat Facebook das Standard-Skript für die Fanbox (Fanfeld) verbessert! 🙂 Daher habe ich das entsprechende Blogpost aus meiner ersten Facebook-Serie aktualisiert und werde das auch gleich noch im eBook machen.

Auf schwindt-pr.com habe ich die bislang verwendete iframe-Variante größtenteils durch die Skriptversion ersetzt (außer auf der eBook-Seite).

Verwenden Sie die Fanbox auf Ihrer Website oder Ihrem Blog?
Welche Erfahrungen haben Sie damit gemacht?

Facebook Fan Box (Facebook Teil 9)

UPDATE Mai 2010: Die Fan Box heißt jetzt Like Box und ist unter http://developers.facebook.com/docs/reference/plugins/like-box zu finden.

Facebook bietet für Fanseitenbetreiber die Möglichkeit, eine sogenannte Fan-Boxes (in der deutschen Version unnötigerweise mit „Fanfeld“ übersetzt) Like Box (in der deutschen Version „Gefällt mir-Feld“ genannt) auf Ihrer regulären Website oder ihrem Blog einzubinden.

Der Link dazu findet sich unter dem Profilbild unter „Seite bearbeiten“ und dann in der rechten Seitenleiste unter „Wirb für deine Seite“ und heißt in der deutschen Version „Mit Fanfeld Gefällt mir-Feld bewerben“.

Darüber gelangt man zu einer Seite, auf der man die Box zusammenstellen kann. Die zur Verfügung stehenden Elemente sind:

  • Profilbild, Name und „Fan werden“-Button (das ist jetzt standardmäßig drin)
  • Header anzeigen
  • Nachrichtenstrom anzeigen
  • Fans „Connections“ anzeigen

fanbox

Den Code dafür bekommt man über den Button „Get Code“ als iframe ( möglich sit auch XFBML, wofür allerdings bestimmte technische Voraussetzungen erfüllt werden müssen).

Außerdem muss man auswählen, wo man die Fanbox nachher einfügen will:

Möchte man die Fanbox auf der eigenen Website oder einem Blog, der nicht über Typepad oder Blogger verwaltet wird (Achtung: wordpress.com erlaubt im Gegensatz zu selbstgehosteten WordPress-Blogs keine Einbindung von Skripten!), muss man hier „other“ wählen.

Dann braucht man nur noch das Skript dazu aus der darunter erscheinenden Code-Box zu kopieren und an gewünschter Stelle auf seiner Seite einzufügen (wie gesagt: sofern Skripte auf der jeweiligen Seite erlaubt sind).

Beim Einbinden des Standard-Scripts in html musste ich außerdem feststellen, dass die Darstellung der Box je nach Browser variiert bzw. gar nicht funktioniert!  Das Fanbox-Wiki vermerkt zwar lange Ladezeiten als „known issues“, aber in Opera und ie6 lädt die Box nach meiner Erfahrung überhaupt nicht… (Dieses Problem wurde inzwischen von Facebook behoben)

Alternative

Alternativ bietet das Fanbox-Wiki von Facebook die Verwendung eines iFrames an. Beide Varianten sind jedoch nicht optimal… Eine skriptfreie Version wäre wünschenswert.

Bleibt zu hoffen, dass die angebotenen Scripts noch verbessert werden. Bis dahin bietet sich als zweite Alternative immer noch das gute alte Profilbanner an, wie es unter http://www.facebook.com/facebook-widgets/pagebadges.php angeboten wird. Dieses ermöglicht eine problemfreie Darstellung, wenn auch der praktische „Fan werden“-Button nicht dazu angeboten wird…

profilbanner

Dafür kann man den Namen der Seite, die aktuelle Statusmeldung und die Anzahl der Fans anzeigen lassen (worauf ich auf schwindt-pr.com aber verzichtet habe) (ich benutze inzwischen das Standardskript, auf der eBook-Seite außerdem die iframe-Version bzw. die u.s. Grafik).

Man kann sich auch per Screenshot eine Grafik vom Kopf der Fanbox erstellen und das Ganze per Hand mit der Fanseite verlinken.

fanpage

Und was denken Sie über die neue Fan Box von Facebook?

In dieser Artikel-Serie außerdem erschienen:

ZUSAMMENFASSUNG ALLER ARTIKEL als eBook