Like Box ohne Rahmen
Getreu dem Motto: “Auch kleine Meldungen sind Meldungen” haben wir jetzt eine wirklich kleine Neuerung. Für die Like-Box kann ab sofort eine Rahmenfarbe definiert werden. Das neue Attribut “border_color”, welches sowohl im Like Box Assistenten als auch direkt im Quelltext angegeben werden kann, nimmt sowohl Hex-Farbcodes als auch ausgeschriebene Webfarben an.
Warum wir darüber berichten? In einem unserer letzten Beiträge zur Like-Box und CSS Gestaltungsmöglichkeiten wurden wir darauf hingewiesen, dass die neue Like Box kaum noch CSS Veränderungen zulässt. Über diese neue Funktion kann die Box nun aber wieder etwas mehr angepasst werden.

Die zur Verfügung stehenden Optionen sind:
- Breite
- Farbschema (light & dark)
- Faces
- Rahmenfarbe
- Newsstream
- Kopfzeile (blendet “auf Facebook” ein oder aus)
Nicht dokumentiert ist, dass auch die Höhe über die Option “height” angegeben werden kann.
Alternativ zur like-Box kann auch noch der Like Button zur Fangenerierung verwendet werden. Dieser bietet noch einmal ein neues Layout an, lässt aber nicht die Darstellung des Newsstreams zu.
Die Facebook Like Box kennen wir schon lange, doch der Funktionsumfang dieses Facebook Widgets ist beschränkt. Beim Versuch einer umfassenden Integration der Pinnwand einer Facebook Seite auf der eigenen Webseite sind neue Nutzungskonzepte gefragt. Was alles mit etwas Programmiererfahrung möglich ist, und dass hier der Kreativität keine Grenzen gesetzt sind, beschreibt uns heute Florian Semet.
Download:
Fanseiten-Pinnwand auf der eigenen Website einbinden - Nutzungskonzepte der Fanseiten-Pinnwand als Element der eigenen Website
PDF, 2.1 MB (Share & Embed via Scribd)


Trotz zahlreicher Facebook Social-Plugins, wie zum Beispiel der „like box“ oder dem „live stream“ existiert bis heute kein Social-Plugin zur Einbindung der vollständigen Fanseiten-Pinnwand mit allen Posts und Kommentaren auf die eigene Website. Ganz zu schweigen von der Möglichkeit eines individuellen Designs.
Doch gerade ein solches Feature würde eine einzigartige Möglichkeit der Besucherbindung schaffen, indem der vollständige Pinnwand -Inhalt einer Fanseite als „aktives“ und individualisiertes Element auf die eigene Website importiert wird. Einige Beispiele für die Einsatzmöglichkeiten auf der eigenen Website sind:
- Interaktiver Blog
- Live Ticker
- Newsportal
- Kundenportal
- Diskussionsforum
- Interaktives Gästebuch
- uvm.
Der Kreativität sind hierbei keine Grenzen gesetzt – lediglich einige Regeln der Facebook Developer Guidelines müssen beachtet werden.
www.piratenherberge.de/logbuch.aspx
Wie kriegt man die vollständige Pinnwand auf die eigene Website?
Diese Frage stellen sich sowohl Website-Administratoren, als auch Agenturen. Da Facebook leider kein ausreichendes Plugin anbietet, muss ein solches Feature bisher manuell programmiert werden. Hierfür werden die Daten der jeweiligen Pinnwand über die von Facebook-Developers bereitgestellte API angesteuert und in ein individuelles Design transformiert. Auf diese Weise kann die Pinnwand auf jeder beliebigen Website ausgegeben und abgebildet werden.
Individuelles Design
(weiterlesen …)

Wir haben es bereits früher einmal berichtet: Der Like-Button, welcher seit der Einführung nur für Webobjekte außerhalb von Facebook eingesetzt werden konnte, erlaubt nun auch das liken von Fanpages. Gleichzeitig kann aber auch die Fanbox, wie wir sie hier im Blog zum Beispiel in der linken Seitenleiste einsetzen extrem geschrumpft werden.
Hier unser Minimal Tutorial für die beiden oben abgebildeten Versionen:
1. Like Button für Fanpages
- Like Button PlugIn Seite aufrufen
- Vanity-URL oder lange URL der Fanpage im Feld URL eintragen
- Breite festlegen
- Faces deaktivieren wenn die Profilbilder der Fans nicht angezeigt werden sollen
- Auf Get Code klicken
2. Minimale Like Box (weiterlesen …)

Facebook hat auf der F8 einige neue Plugins im Zuge des Social Graph vorgestellt. Wir haben über einiges im Vorraus bereits berichtet (Gerüchte zur F8, Like Button, OpenGraphApi) und möchten euch nun alle Plugins vorstellen:
Like Button (Neu)

Der Like Button fürs gesamte Web wurde schon lang inoffiziell angekündigt und ist nun verfügbar. Der Like Button erlaubt es den Nutzer die Inhalte auf der eigenen Webseite zu “liken” und den Inhalt auf Facebook zu sharen. Der Button wird von Facebook gehostet und passt sich automatisch an. Das heißt auf Facebook eingeloggte Nutzer sehen Freunde die den Inhalt bereits geliked haben. Der Text des Like Buttons kann auch geändert werden vom Like zum Recommend, was bei vielen Inhalten sinnvoll ist (z.B. News von einem Unglück o.ä.)
Der Button kann über ein iFrame super einfach engebaut werden. Ein erweiterter Like Button ist auch über den XFBML Tag verfügbar. Mit den Tags “og:titel” und “og:image” kann der Titel und das beste Bild bestimmt werden.