Facebook Social Plugins: Like Button, Recommendations, Activity Feed, Like Box usw. – Die neuen und alten Plugins im Überblick
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.
Activity Feed (Neu)
Das Activity Feed Plugin zeigt die interessantesten neuesten Aktivitäten auf der eigenen Webseite. Die Inhalte werden auf die Nutzer angepasst und hebt Inhalte der Kontakte des Nutzers hervor. Es wird angezeigt ob Inhalte geshared oder geliked werden. Sofern genügen eigene Kontakte auf einer Seite aktiv sind wird nur dieser Inhalt angezeigt. Bei weniger Aktivitäten sowie bei nicht eingeloggten Nutzer werden die Aktivitäten aller Nutzer angezeigt. Die genaue Verteilung kann aber auch eingestellt werden.
Für jeden Activity Stream kann eine genaue URL eingestellt werden. Inhalte von facebookmarketing.de und labs.facebookmarketing.de würden also nicht vermischt. Aggregierung der Inhalte über verschiedene Domains ist zur Zeit nicht möglich.
Das Plugin kann sehr einfach und auf dieser Seite erstellt und eingebunden werden.
Recommendations (Neu)
Der Facebook Recommendations Plugins zeigt den Nutzer personalisierte Empfehlungen zur eigenen Webseite. Auch hier wird der Inhalt natürlich an den Nutzer angepasst. Ist dieser eingeloggt werden die Empfehlungen der eigenen Kontakte hervorgehoben. Ausgeloggte Nutzer erhalten die Empfehlungen aller Nutzer. Das Plugin nutzt zur Datenerfassung alle Interaktionen mit Facebook welche von der eigenen Seite ausgehen.
Auch hier kann für jede Domain eine einzelne URL angeben werden und wie beim Activity Feed werden diese genau voneinander unterschieden.
Ihr könnt das Recommendations Plugin hier erstellen und dann auf eurer Webseite nutzen.
Like Box (Neuer Name)
Die Like Box ist die neue Version der FanBox (bzw. Fanfeld). Auf Grund des Wechsels vom Fan zum Like wurde diese nicht nur umbenannt sondern auch leicht umgestalten. Die Box zeigt an, wieviele Menschen die entsprechende Seite bereits mögen und was die neusten Posts der Seite sind. Es erlaubt den Nutzern zudem die entsprechende Page direkt zu liken.
Die Like Box kann hier erstellt und konfiguriert werden.
Login with Faces (Neu)
Das “Login with Facebook” Plugin zeigt zusätzlich zum Login Button die Profilbilder der Freunde eines Nutzer, die bereits auf der eigenen Seite angemeldet sind. Es kann eingestellt werden wieviele Bilder sichtbar sind, die Plugingröße wird dabei automatisch an die wirklich angezeigte Anzahl an Profilbildern angepasst.
Das Login with Faces Plugin kann hier erstellt und eingebunden werden.
Facepile (Neu)
Wie auch das Login with Faces werden in mit diesem Plugin die Nutzer angezeigt welche schon auf der Webseite eingeloggt sind, allerdings ohne Loginbutton. Die übrigen Features unterscheiden sich nicht.
Hier gehts zum Plugin und zur konfiguration.
Comments (Alt)
Die Facebook Comment Box ist schon etwas älter wir haben hier beschrieben wie ihr sie für eure Webseite nutzen könnt. Die Box erlaubt es Nutzern Kommentare auf einer Webseite zu hinterlassen und diesen Kommentar auch auf der eigenen Wall zu sharen. Neu ist allerdings der Like Button innnerhalb der Comment Box.
Die Comment Box kann hier konfiguriert werden.
Live Stream (Alt)
Auch die Live Stream Box ist schon etwas älter. Details zur Integration und zur Nutzung der Live Stream Box findet ihr hier in unserem Blog. Die Box lässt sich einfach einbauen und erlaubt den Nutzern Aktivitäten und Kommentare in Echtzeit zu sharen, am besten natürlich bei Live Events wie Konzerten, Webcasts, Webinars oder auch Multiplayer Games.
Die Live Stream kann hier konfiguriert werden.
Ab hier ist ein kleiner Cut nötig, dies waren alles Features und Plugins die auf der Entwickler Plugin Seite (http://developers.facebook.com/plugins) verfügbar sind. Facebook bietet aber auch noch andere Plugins an welche schon länger verfügbar sind:
- Share Button
- Stream Publisher
- Sitebanner
- Profilbanner (Für Private Profile)
- Fotobanner (Für private Profile)
- Likebanner (Für private Profile)
Nähre Informationen zu diesen Plugins findet ihr in dieser Übersicht, welche wohl in den nächsten Tagen/Wochen noch aktualisiert wird. http://www.facebook.com/facebook-widgets/
Über den Autor:
Philipp Roth: Philipp ist Gründer von allfacebook.de und beschäftigt sich seit langem auch beruflich mit Facebook, organisiert Workshops, hält Vorträge und gibt konzeptionellen Input. Er realisiert viele der Heute sehr erfolgreichen Auftritte und Applikationen auf Facebook und setzt sein Fokus auf die Strategie von Unternehmen im Social Web. Mehr...
April 22nd, 2010 at 09:05
Wenn ihr jetzt noch verraten würdet, wie ihr das gleich hier im Blog eingebaut habt. Bei mir mags nicht direkt zum Artikel verlinken, sondern nur auf die Startseite.
April 22nd, 2010 at 10:09
[...] Facebookmarketing.de – Facebook Social Plugins [...]
April 22nd, 2010 at 10:57
großartige PlugIns! Und ein schöner Artikel der die neuen PlugIns wirklich super erklärt. Hab es auch in mein Blog eingebaut. Vielen Dank für die Infos.
April 22nd, 2010 at 11:24
Die PlugIns gefallen. Gibt es eine Möglichkeit diese auch in deutsch zu nutzen?
April 22nd, 2010 at 11:45
[...] groß ist auch das mediale Echo, dass diese Ankündigung im Netz gefunden hat (weiter hier oder [...]
April 23rd, 2010 at 11:44
[...] als Betreiber einer Website hat, um die neuen Tools einzusetzen, kann man bei einem Workshop auf facebookmarketing.de [...]
April 23rd, 2010 at 13:07
[...] Facebook Social Plugins var szu=encodeURIComponent(location.href); var [...]
April 23rd, 2010 at 20:52
Michael, der Button ist automatisch in der Sprache, die der User bei sich im Facebook eingestellt hat.
April 24th, 2010 at 10:16
[...] seinem Post Facebook Social Plugins: Like Button, Recommendations, Activity Feed, Like Box usw. – Die neuen un… gibt Phillipp Roth eine tolle Übersicht aller Facebook Social Plugins und unter Be Evil. [...]
April 25th, 2010 at 17:09
Tolle Plugins! Und eine gute Aufstellung durch euch! Wir haben – vermutlich als einer der ersten eCommerce Plattformen – den neuen Like-Button und die Comments in unseren Konfigurator eingebunden.
April 26th, 2010 at 15:50
Also ich finde die Social Plugins von FB richtig Klasse. Habe mir erst heute die Likebox und den Likebutton in die Seite implementiert. Funktioniert hervorragend! Schade, dass ich den Artikel erst jetzt lese
danke trotzdem ^^
Liebe Grüße,
Mario Hieber
April 28th, 2010 at 09:48
Hat jemand nen Tipp wo ich die Sprache von ner Fanseite ändere? Ich hätte die “Like Box” gerne auf deutsch aber ich finde leider nicht die Möglichkeit das zu ändern.
Danke!
April 29th, 2010 at 11:29
Wenn ich mir das Like Box Widget auf der Developer Seite zusammenbaue, sieht es gut aus. Im eingebauten Frame auf meiner Webpage wird die Seite aber nicht mehr gefunden. Was mache ich falsch? hat jemand einen Tipp?
Gilt die Like Box nur für Pages oder auch Profile und Gruppen?
Gruß
Micha
Mai 3rd, 2010 at 11:07
Konnte mein Problem jetzt lösen. Wer ein ähnliches hat: Der Facebook Code, den die Developer Seite für die Like Box ausgibt scheint defekt zu sein. Statt “profile_id=” muss es id=” heißen. Dann geht es.
Mai 3rd, 2010 at 12:45
@Micha – Thanks for Sharing!
Mai 9th, 2010 at 21:45
[...] Wer noch nicht konkret weiß wovon ich hier spreche, kann sein Wissen gerne bei den Kollegen von FacebookMarketing [...]
Mai 28th, 2010 at 07:24
[...] us.levis.com: Likes, Activity Feed, Recommendations (beides personalisiert und nicht innerhalb der Facebook Social Plugins) Levis Like [...]
Juni 3rd, 2010 at 11:01
moin, ich habe in magento den like-button eingebaut und bekomme (wenn ich nicht in einem anderen tab angemeldet bin) immer eine fehlermeldung nach dem anklicken des buttons. es geht also das selbe fenster auf, wie sonst auch, nur ohne möglichkeit den benutzernamen und das passwort einzugeben, damit ich mich bei fb anmelden kann.
ablauf war ganz normal und hab bei anderen seiten auch so funktioniert…
woran kann das liegen?
danke und grüße
Juni 25th, 2010 at 07:22
[...] auf der F8 der Open Graph inklusive Like Button veröffentlicht wurde, wurde schon oft über diese Strategie spekuliert. Schließlich weiß Google zwar was die Internet [...]
August 5th, 2010 at 14:10
[...] und Fans jederzeit, ohne Umwege den Zugang zu Ihren Social Media Seiten. Durch die Einrichtung von Like-Buttons auf Ihrer Website kann beispielsweise einfach per ‚click‘ jederzeit die Brücke zu Ihnen und [...]
August 16th, 2010 at 16:43
Habt ihr schon mal etwas davon gehört, ob Facebook sich durch die Einbindung der Plugins irgendwelche Rechte sichert, Daten von der eigenen Website zu nutzen? Ich weiß, dass eine Menge Userdaten weitergegeben werden, aber wie sieht es mit dem eigenen Content aus?
September 3rd, 2010 at 06:55
Performanceprobleme LIKE BUTTONS
Normale Ladezeit: 3-4s
Like-Button zu jedem Produkt (iframe): 10-14s
Like-Button zu jedem Produkt (FBML-Code): 9 -12s (Der FBML-Code erzeugt im Endeffekt aber auch nur Iframes, allerdings trotzdem seltsamerweise ein paar sekunden schneller)
Der Firefox läuft dann schon etwas zäh und im IE schauen die Like-Buttons komisch aus. Die Buttons bauen sich auch sichtbar langsam auf.
FAZIT: Aus Ladezeitgründen würde ich die Buttons weglassen.
September 10th, 2010 at 10:29
[...] Im April hatte Facebook den Like Button veröffentlicht, bis jetzt eine wahre Erfolgsgeschichte, über die wir mehr als einmal berichtet haben. Unter anderem in unserem ausführlichen Whitepaper. Facebook hat seit der Veröffentlichung einiges an Feedback erhalten und veröffentlichte gestern drei Updates für den Like Button: [...]
Oktober 3rd, 2010 at 13:29
Kann man nachschauen wo sich jmd. mit dem eigenen benutzer bei facebook angemeldet hat?
(also, dass meine freundin nachschauen kann, ob ich mich in ihrem account angemeldet hab)
Oktober 11th, 2010 at 11:45
[...] Viel interessanter für das Martketing sind allerdings die neue Tracking Möglichkeiten der Social Plugins. Konnte zuvor nur der Like Button mit dem “Ref”-Attribut genau getrackt werden ist das [...]
Oktober 13th, 2010 at 10:33
[...] Features für einige Social Plugins veröffentlicht und ist nun dabei eine neue Version des Social Plugins “Comments” zu launchen. Der überarbeitete Kommentar Plugin enthält unter anderem verschachtelte Kommentare, [...]
Januar 12th, 2011 at 12:58
Hallo,
habe den Like Button in meinem WordPress manuell eingebunden (per iFrame). Aber wenn jemand auf like klickt erscheint: XY likes http://www.dolphinsecure.de/kinder-webseiten/9-12-jahre/webtipp-kuppelkucker/ on dolphinsecure.de. Ich will aber, dass dort steht: XY likes [Titel der Seite] on dolphinsecure.de.
Was muss ich da tun?
lg
Christine
Februar 9th, 2011 at 10:33
[...] Dokumentation zum Share-Button verfügbar findet sich dort nun nur eine Weiterleitung auf den Like Button bzw. “Gefällt mir” Button. Die Dokumentation findet sich auch nirgends in den Tiefen [...]
Februar 12th, 2011 at 15:43
Hallo,
ich habe die Like Box per Iframe in meine Webseite eingebunden. Leider werden aber nicht die Pinnwand Einträge sondern die “Aktivitäten von Freunden” in der Like Box angezeigt.
Ich hätte aber gerne wie bei jeder anderen Seite auch die ich teste dass die Pinnwandeinträge angezeigt werden. Gibt es da bei facebook eine Einstellung?
Facebook Seite: http://www.facebook.com/Schwimmschule.KiWi
VG
Philip
Februar 15th, 2011 at 15:27
[...] Teilweise weniger Facebook spezifisches Know-How notwendig (ohne Graph API und Social Plugin Integration) [...]
Februar 17th, 2011 at 14:53
wenn ich bei der Gestaltung ders like box meine ID (id aus dem Fotoalbum) eingebe, erkennt er nicht meine Facebook Seite. Muss ich im Perfil etwas ändern oder wie kann ich diesen Fehler beheben!
Vielen Dank schon mal im voraus
Februar 17th, 2011 at 14:57
Wenn ich das wort “platform” mit meiner id ersetze, tritt ein Fehler auf.
Muss ich etwas in meinem Perfil ändern?
Februar 23rd, 2011 at 21:34
Hallo zusammen,
weiß jemand, ob es die facebook-Kommentarfunktion auch ohne nur mit einem facebook-Login gibt? Derzeit finde ich diesen nur mit einer E-Mailanmeldung oder facebook-Login. Die E-Mailanmeldung will ich aber nicht haben.
Die livestream-funktion kommt für mich ebenfalls nicht in Frage, da sich hier keine RSS-Feeds auf meine Fanpage auslesen lassen.
Danke für Eure Antworten!
Mergi
Februar 25th, 2011 at 11:45
Wenn die facebook-like Box nicht in deutsch angezeigt wird, einfach den von facebook generierten Code abändern von en_US auf de_DE. Dann geht’s.
März 14th, 2011 at 11:03
[...] Facebook Social Plugins: http://allfacebook.de/connect/facebook-social-plugins-like-button-recommendations-activity-fee... [...]
März 16th, 2011 at 13:04
Hallo zusammen,
seit heute wird bei mir nicht mehr die likebox und der “gefällt mir” Button ausgegeben. Beides wurde per XFBML integriert. Wisst ihr wo dran es liegen kann. Hat Facebook etwas umgestellt. Funktionierte bisher einwandfrei. Hab mir auch schon den Code von Facebook neu generieren lassen. Ist komplett der selbe. Für eine Info wäre ich sehr dankbar.
Gruß Alex
März 24th, 2011 at 11:40
Hi, welche funktionen werden eigentlich benutzt um die Anzahl der Like Buttons, aus einer URL herauszulesen (z.B. getLikeNumber() oder so??) per PHP oder javascript vielleicht??
März 31st, 2011 at 00:10
Hi.
Trotz das ich von en_EN auf de_DE umgestellt habe werden die Kommentare teils immernoch automatisch ins englische übersetzt. Aber nur einzelne Wörter.
Die Kommentarbox ist deutsch, aber dennoch macht der das, warum?
gruß
März 31st, 2011 at 10:49
[...] 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 [...]
April 28th, 2011 at 10:02
Gibt es auch irgendeine Möglichkeit die Bilder/Alben einer Fanseite zu zeigen? Gibt es da irgendein Plugin dafür?
Mai 4th, 2011 at 14:20
[...] veröffentlicht. Auf der Grafik erhaltet ihr einen guten Überblick über die Entwicklung der Facebook Social Plugins. Erst 2008 wurden die ersten Widgets und Plugins veröffentlicht und im Jahr 2010 kam dann mit dem [...]
Mai 18th, 2011 at 12:17
Bin fast verzweifelt, weil ich es nciht auf deutsche bekommen habe! Danke für den Artikel!
Mai 26th, 2011 at 09:52
[...] kennen Sie alle – die normale LikeBox von Facebook. Die meisten Webseiten integrieren das Social Plugin von Facebook in ihrer Standardversion und ändern nur wenig daran. Auch wir verwenden nur die Box [...]
Juni 6th, 2011 at 14:00
Hallo ! Meine Like Box geht nicht mehr !
Plugin cannot be rendered with the specified parameters ?
Wer kann mir helfen ?
Juli 4th, 2011 at 16:00
Bekomme die Like-Box leider auch nur auf Englisch. Tipp an alle, bei denen die Like Box nicht funktioniert: Überprüft verschiedene Einstellungen, ich glaube besonders die Alterseinstellungen sind relevant…
Juli 21st, 2011 at 10:49
Ich habe die Like Box auf meiner Seite eingebaut, habe den Code direkt von Facebook übernommen. Allerdings steht nun da “Öffentliches Facebook-Profil
Melde dich an, um diesen Inhalt zu sehen”, aber nur wenn man nicht parallel bei Facebook eingeloggt ist. Muss man da etwas beachten?
August 17th, 2011 at 22:33
hi christine
das problem hab ich auch
hab da auch keine lösung
wer kann helfen????
September 8th, 2011 at 14:24
Um die Like Box AUF DEUTSCH umzustellen geht einfach in den HTML-Code, sucht die Stelle “en_US” und ersetzt sie durch “de_DE” – Fertig!
September 8th, 2011 at 23:36
Ay caramba, Rettungsdienst, du machst deinem Namen alle Ehre!
Der Tipp erspart mir glatt die stundenlange Suche! Zu dumm, dass ich das bereits wieder vergessen hatte!
September 14th, 2011 at 11:57
Hi, ich lese unterschiedliche Ansichten darüber, ob die Einbindung einer ‘Like Box’ in die eigene Webseite dafür sorgt, daß der Google-Rang nach oben geht. Beim posten eines Kommentares auf Facebook, wird dieser ja dann auch sofort in der ‘Like Box’ angezeigt. Ich lese, daß dies als ‘Aktualisierung’ der Webseite von Google gewertet wird.
Kann mir hierzu jemand etwas konkretes sagen? Stiimt das oder ist das nicht eigentlich Quatsch?
November 5th, 2011 at 23:59
Hallo.
Ich wollte ja eigentlich ein weiteres Plugin vermeiden, aber irgendwie überfordert mich der Einbau obwohl hier ja gute Tipps zu finden sind. Was mich stört ist, daß bei Facebook soviel auf Englisch erklärt ist.