Tutorial: Chat & Kommunikation in Echzeit – Die Facebook Live Stream Box auf der eigenen Homepage nutzen

Tutorial: Chat & Kommunikation in Echzeit – Die Facebook Live Stream Box auf der eigenen Homepage nutzen


Foo Fighters Konzert mit Facebook Livestream Box

Foo Fighters Konzert mit Facebook Livestream Box

Facebook bietet neben der bereits vorgestellten Facebook Fan Box auch noch weitere Widgets für die eigene Homepage an. Ein gutes Beispiel dafür ist die Facebook Live Stream Box. Die Box erlaubt es einen Chat in die eigene Homepage zu integrieren, mit dessen Hilfe sich Facebook Nutzer unterhalten können. Wie schon aus dem Namen hervor geht ist die Live Stream Box insbesonders für Live Events gedacht. So hat die ARD die Live Stream Box mit dem Livestream der Bundestagswahl 09 oder dem Tatort kombiniert, aber auch die FooFighters haben bereits Konzerte mit der Box kombiniert (s.o.). Da die Box nicht nur auf der eigenen Webseite genutzt werden kann sondern auch in einem Tab auf der eigenen Fanpage lässt sich diese auch super mit unserem Tutorial zur Videointegration in Facebook Fanpage Tabs kombinieren.

Laut Facebook kommt die Fan-Box mit mehreren Millionen Nutzern gleichzeitig klar und bieten folgende Funktionen:

  • Nutzer können sich einloggen mit Facebook Connect
  • Kommunikation mit allen Nutzern oder Freunden in Echtzeit
  • Ansicht was die Freunde zu diesem Thema posten sowie was alle Facebook Nutzer gepostet haben
  • Kommentieren und „Liken“ der Posts von Freunden
  • Updates in der Live Stream Box können direkt auf dem Facebook Profil veröffentlicht werden und enthalten einen Link zurück zur eigenen Seite

Die Live Stream Box ist dafür gemacht Echtzeitkommunikation zu erlauben, einfache Kommentare könnt ihr auch mit den Facebook Social Comments abbilden. Laut dem Facebook Developer Wiki ergeben sich drei unterschiedliche Möglichkeiten die Box zu nutzen:

  1. Integration im einem Tab auf der eigenen Facebook Fanpage
  2. Integration auf einer Internetseite die bereits Facebook Connect nutzt
  3. Integration auf einer Internetseite die noch kein Facebook Connect nutzt

Wir beschreiben hier den Anwendungsfall einer Integration auf einer Webseite die noch kein Facebook Connect nutzt.  Die Integration ist grundsätzlich sehr einfach und kann auch ohne große Programmierkenntnisse vorgenommen werden. Trotzdem solltet ihr ein gewisses technisches Grundverständnis mitbringen da wir keine genau Klickanleitung anbieten und ihr die Box auch auf der eigenen Webseite platzieren müsst.

livestreamwidget

Facebook Livestream Box - Widget erstellen

  1. Neue Livestreambox im Wizard erstellen: http://www.facebook.com/facebook-widgets/livestream.php
  2. Page oben links auswählen und den Javascript-Code kopieren
  3. Optional: Wenn ihr die Live Stream Box für mehrere unterschiedliche Events nutzen wollt könnt ihr eine eigene ID vergeben, dazu im Code das Element „xid=YOUR_EVENT_XID“ editieren
  4. Nun müsst ihr nur noch den Javascript-Code an der gewünschten Stelle auf der Webseite einbinden
  5. Testen und Veröffentlichen

Das ist die einfachste Möglichkeit eine Livestreambox zu erstellen. Für fortgeschrittene Nutzer bietet sich die Integration über eine eigene Applikation an, da dort mehr Möglichkeiten zur Einstellung und Integration bestehen. Unter anderem kann dort auch definiert werden welche Sprachen Nutzer aus unterschiedlichen Ländern sehen können. Die Livestreambox kann auch in selbst gestalteten Tabs eingebunden werden. Weitere Informationen findet ihr im Developer Wiki.

Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on LinkedInBuffer this pageEmail this to someone

Es gibt 3 Kommentare

Deinen hinzufügen
  1. 1
    Krallenhand

    Kann man irgendwo einstellen, dass der gesamte gepostetet Inhalt im Live-Stream NICHT in den News Feed der eigenen Freunde gelangt? Es erscheint mir ganz schön nervig, wenn auf deren News Feed der Inhalt gepostet wird, den andere Leute im Live-Stream fabrizieren.

  2. 2
    Micha

    Ich betreue die Homepage eines Fahrradvereins und habe nach einer Möglichkeit gesucht folgendes zu tun: Die Einzelnen Mitglieder sollen selbstständig, zeitnah und unkompliziert Statusmeldungen von Wettkämpfen auf der Vereins-Homepage und der FB-Fanseite posten können. Ist hierfür eine FB-Live-Stream-Box geeigent? Würde diese auf der Homepage und in einem FBML Reiter einbinden wollen.
    Geht das beides?
    Ist der Chat dauerhaft sichtbar oder nur für zeitl. begrenzte Events offen, die ich extra anlegen muss?
    Und ist er auf der Homepage für alle Besucher (auch Nicht-Facebookmitglieder sichtbar?)
    Kann man im Chat Bilder oder Videos posten?
    Wäre echt Klasse wenn mir jemand mit nen paar Hinweisen weiterhelfen könnte.
    THX im Voraus
    Micha

+ Hinterlasse einen Kommentar