Ein WordPress Blog in Facebook integrieren

Seit Mai 2007 gibt es die Facebook-API und ein Netzwerk aus Entwicklern hat diese schon eifrig auf Herz und Nieren getestet, so dass tagtäglich neue Applikationen auf Basis der API entstehen. Das „Gesichtbuch“ sprengt die Superlative – mehr als 250 Millionen Benutzer verbringen jeden Tag insgesamt mehr als 5 Milliarden Minuten in dem Netzwerk. Zeit, sich Gedanken zu machen, wie man Facebook etwa für das Blogging verwenden kann.

In Deutschland ist Facebook noch ein relativ „kleiner“ Player mit großem Potenzial. Im Juli gab es etwa 3,4 Millionen aktive Nutzer, Tendenz steigend, hauptsächlich in der Altersgruppe von 18-35 Jahren. Im Vergleich: bei Studivz sind etwa 14 Millionen Nutzer aktiv dabei. Facebook kann also in Deutschland auch prächtig wachsen, trotz der Konkurrenz durch Studivz.

Die ersten Applikationen auf Basis der Facebook-API waren direkt in das Netzwerk integriert. So gibt es zum Beispiel jede Menge interaktive Browser-Spiele, welche man über das Netzwerk mit seinen Freunden spielen kann. Aktuell ist zum Beispiel die Applikation „Mafia Wars“ ein Renner. Dabei muss man als Spieler eine „Mafia Familie“ mit seinen Freunden gründen und um Geld zu verdienen, Aufgaben wie Schutzgeld einsammeln und so weiter erledigen. Die Applikationen wachsen dabei durch ein einfaches Schneeballsystem – denn, um zum Beispiel eine „Mafia Familie“ zu gründen, muss man Freunde dazu bewegen, dieser beizutreten – diese stehen dann wieder vor der Wahl, Freunde einzuladen, um eine eigene Familie zu gründen. So multipliziert sich die Nutzeranzahl und die Applikationen wachsen bisweilen rapide.

Diese Applikationen tragen sich in der Regel durch Vermarktung und Werbung und machen, so ganz nebenbei, Facebook noch attraktiver. Das kann auch eine Erklärung für das rasante Wachstum von Facebook auch in Deutschland sein.

Seit Anfang 2009 gibt es zum Beispiel das Plugin Wordbook für WordPress von John Eckman. Mit diesem Plugin können WordPress Nutzer ihre Posts auch direkt ins Facebook stellen und den Nutzern das Kommentieren, sowie das Weiterverteilen über das bekannte Facebook-Interface ermöglichen. Damit lebt das Blog im Endeffekt zweimal – einmal auf Facebook als Applikation (zum Beispiel: mein privates Blog) http://apps.facebook.com/freigeistblog/ und einmal unter der ursprünglichen URL http://freigeist.devmag.net/.

Möchte man über Facebook auf das Blog zugreifen, muss man zunächst der Applikation den Zugriff erlauben. Dazu muss man lediglich die URL der so genannten Leinwandseite aufrufen (Beispiel). Damit hat der Betreiber des Blogs von dem Zeitpunkt an Zugriff auf Daten von Nutzern der Applikation (auf was die meisten Applikationen auch ganz heiß sind – denn mit Informationen wie Geburtsdatum, Geschlecht und Wohnort lässt sich die Werbung doch sehr zielgesteuert einblenden).

Bei unserer Applikation handelt es sich lediglich um ein Blog, das heißt, es ist sehr unschuldig. Bisher werden in der Facebook-API Blogs oder Webseiten als Applikationen behandelt, vielleicht wird sich das aber in Zukunft ändern. Facebook-Nutzer, welche das Blog als Applikation hinzugefügt haben, können nun direkt über Facebook Kommentare senden. Diese werden im Blog angezeigt, obgleich man über Facebook oder das Blog direkt besucht. Über die „Share This“ Funktion kann man anderen Facebook-Freunden Posts weiterleiten.

Diese Funktionalität ist an und für sich noch recht beschränkt und Communities kann man um das Blog so nur schwer bilden. Doch das Potenzial scheint sehr groß, denn man kann die Aktivität in einem Blog so direkt in den eigenen Facebook-Newsfeed einbinden – also der Feed, der beim einloggen, die letzten Aktivitäten von Freunden anzeigt. So können zum Beispiel Kommentaraktivität in diese Feeds eingebunden werden, welches dann auch den Freunden im Feed sichtbar wird. So kann, quasi schneeballmäßig „Word-to-mouth“-Marketing betrieben werden, mit denen Sie als Blog-Betreiber neue Leser aus dem Freundeskreis anwerben können.

Um das eigene WordPress-Blog mit dem Plugin-WordBook mit Facebook zu verknüpfen, sind nur wenige Schritte nötig. Zunächst müssen Sie auf hier eine neue Applikation erzeugen. Dazu benötigen Sie einen Facebook-Account und müssen sich unter der Adresse als Entwickler registrieren. Das alles ist ein Aufwand von wenigen Minuten.

Eine Facebook Applikation erzeugen
Eine Facebook Applikation erzeugen

Nachdem Sie den Nutzungsbedingungen zugestimmt haben und der Applikation einen Namen gegeben haben, sehen Sie direkt ihren API-Schlüssel.

Einstellungen für eine Facebook Applikation
Einstellungen für eine Facebook Applikation

Der nächste Schritt ist es, eine Post-Authorize Callback-URL zu definieren. Dabei handelt es sich um eine Adresse auf ihrem Server, zu der Facebook eine Notiz sendet, sobald ein Nutzer ihre Applikation authentifiziert. Genauso gibt es eine Post-Remove Callback-URL, an welche eine Notiz gesendet wird, sollte der Nutzer die Applikation wieder entfernt haben. Diese Events werden von dem Plugin allsamt behandelt, das heißt, Sie brauchen hier lediglich die Root-Adresse ihres Blogs samt Slash am Ende anzugeben.

Callback URLs definieren
Facebook Applikation: Callback URLs definieren

Als dritten Schritt müssen Sie nun die „Leinwandseite“ anlegen, also die Seite, über welche Facebook Nutzer auf das Blog Zugriff haben, sowie eine Leinwand Callback URL – das ist die eigentliche Seite, von welcher Facebook die Inhalte aus Ihrem Blog in die Leinwandseite integriert. Wiederum ist es wichtig, dass am Ende ein Slash ist, denn sonst funktionieren die internen Links im Blog nicht mehr.

Leinwandseite (Canvas) definieren
Facebook Applikation: Leinwandseite (Canvas) definieren

Dazu haben Sie noch ein paar weitere Optionen – nämlich wie Ihre „Leinwandseite“ integriert werden soll. Sie haben die Wahl zwischen Iframe und FBML. Bei FBML handelt es sich um ein eigenes Facebook XML-Schema, mit welchem Sie gewisse Tags verwenden können – etwa zum Anzeigen des Profilbildes eines Nutzers. Mit FBML können Sie auf sehr viele Facebook-Funktionalitäten zugreifen. Das WordBook-Plugin funktioniert jedoch über Iframes, da dabei die Nutzung von Javascript und gewissen Tags möglich ist, welche in dem FBML Schema nicht erlaubt sind. Das heißt, iFrames geben dem Anwendungsentwickler etwas mehr Flexibilität, jedoch kann über iFrames auf weniger Facebook-Funktionalitäten zurückgegriffen werden. Das hat auch den Vorteil, dass der Code, welcher Facebook von der Canvas Callback-URL holt, nicht noch einmal durch den Facebook-Parser geschickt werden muss, um die FBML-Tags darzustellen – ein kleiner Performance-Gewinn. Mit der Iframe Methode müssen lediglich von Facebook die Links angepasst werden, sodass sie über das Facebook Layout durch das Blog browsen können. Die Option „Resizeable“ erlaubt es dem Facebook Javascript, die Größe an das Layout von Facebook anzupassen.

Damit ist die Arbeit eigentlich schon fast getan. Jetzt muss lediglich das Plugin mit der WordPress-Standardmethode installiert werden, hochladen und aktivieren. Dann können Sie das Plugin über das Einstellungs-Panel konfigurieren. Dazu brauchen Sie zunächst ihre API-Kennung, ihren Entwickler-Schlüssel sowie die URL zu der Leinwandseite.

Einstellungen für das WordBook Plugin anpassen
Einstellungen für das WordBook Plugin anpassen

Und das war eigentlich schon alles.

Jetzt können Sie zudem noch einige Optionen aktivieren, beziehungsweise deaktivieren – etwa die Kommentarfunktion von Facebook aus oder ob Nutzer ihre Applikation zu ihrer Profilseite hinzufügen können. Insbesondere diese Funktionalität ist interessant, da dadurch die letzten vier bis fünf Posts in ihrem Blog auf der Profilseite ihrer Facebook-Leser erscheint. Da die Profilseite für die Freunde von Freunden in der Regel zugänglich ist, können Sie somit indirekt und einfach die Facebook-Profilseite nutzen, um Leserschaft für ihr Blog zu gewinnen.

Browsen durch das Blog über Facebook
Browsen durch das Blog über Facebook

Das WordBook Plugin behandelt also die Anfragen – im Endeffekt ließt Facebook so nur die Feeds ihres Blogs aus. Da ist ja noch nicht viel mit zu machen, könnte man sich fragen. Warum sollte man Facebook als Feedreader verwenden? (Und dafür auch noch Informationen an Dritte weitergeben, die man für eine Mitgliedschaft in der Leserschaft eines Blogs sonst nicht braucht). Die Frage ist berechtigt – doch die API kann noch mehr. ™

Applikation authentifizeren
Applikation authentifizieren

Morgen folgt ein zweiter Teil: Facebook in ein WordPress Blog integrieren.

Thiemo Fetzer lebt seit 2008 in London und promoviert dort im Fachbereich "Entwicklungsökonomie" an der London School of Economics. Zuvor hat er Wirtschaftswissenschaften, Mathematik und Informatik in Magdeburg und Ulm studiert.

Sortiert nach:   neueste | älteste | beste Bewertung
Philipp
Gast

Gutes Tutorial Thiemo,
sowas wollten wir in nächster Zeit auch verfassen, aber das hat sich jetzt ja erledigt. ;)

Wir haben neulich mal darüber geschrieben wie man wirklich super einfach den Status einer Facebook Page mit seinem Blog o.ä. synchronisieren kann:
http://facebookmarketing.de/tutorials/facebook-page-status-automatisch-aktualisieren
Das ganze funktioniert auch mit normalen Profilen, da es als Statusupdate raus geht wird es auch oft geklickt. Aber natürlich nicht so cool wie die eigene Applikation!
Gruß
Philipp

Markus
Gast

sehr guter artikel und gleich umgesetzt^^ eine frage hab ich aber:

Directory Status: Not Submitted
Verification Status: Not Submitted

muss ich beides ausführen oder?

Edit: sorry hat sich erledigt, geht ja erst nach einer gewissen anzahl an fans der anwendung.

trackback

[…] Anzeige Dieser Beitrag ist Teil 2 von 1 der Serie Facebook und WordPressFacebook und WordPressEin WordPress Blog in Facebook integrierenFacebook in ein WordPress Blog integrierenDie API von Facebook mehr – viel mehr. Im ersten Artikel […]

trackback

[…] Web beschreibt in diesem Tutorial nett wie man den eigenen Blog in Facebook integrieren kann. Wir haben hier schonmal beschrieben wie ihr eure Blog posts automatisch als Updates auf Facebook […]

trackback

[…] Ein WordPress Blog in Facebook integrieren – […]

trackback

[…] Ein WordPress Blog in Facebook integrieren | API, Facebook, Social, Weblogs, WordPress | Dr. Web Mag… […]

trackback

[…] Ein WordPress Blog in Facebook integrieren Und noch ein nettes Tutorial für Blogger: die Integration der Blog-Beiträge in Facebook. Eine sehr nette Sache wie ich finde! :) […]

trackback

[…] einigen Tagen wurde ich auf diesen Beitrag aufmerksam. Darin wird gezeigt, wie man die (letzten) Beiträge seines Blogs auf die […]

trackback

[…] Ein WordPress Blog in Facebook integrieren […]

Gabriel
Gast

Schöne Anleitung, danke! Aber wie bekomm ich die Application in eine Seite (Fanpage) statt ein Profil!?

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

Inno
Gast

Hi,

leider funktioniert das Plugin bei mir noch nicht so wie es sollte und ich kann den Fehler leider nicht finden.

Ich habe die Installationsschritte befolgt, aber leider werden auf der Seite meiner Applikation http://apps.facebook.com/innovationsraumblog/ keine Inhalte des Blogs angezeigt.

Hat jemand eine Idee, woran das liegen könnte? Würde mich sehr über Hilfe freuen.

Danke.

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

trackback

[…] Vorgegangen bin ich dabei übrigens nach einer Anleitung auf drweb.de. Dort gibt es auch eine Anleitung für die umgekehrte Variante, nämlich Facebook in sein WordPress […]

Oliver Schwab
Gast

Hallo!

Ich würde mich gerne der Frage von Gabriel anschließen, denn eine Integration in eine FB-Seite ist mir bis dato noch nicht geglückt.

Sonst ist die Anleitung wirklich sehr gut gemacht! Gratulation!

Oliver

trackback

[…] die installationshinweise des plugin machers anschauen (auch hier). Und ein sehr gutes tutorial hat DrWeb geschrieben. Damit lässt sich das plugin und die applikation sehr gut einrichten. Und vorweg… […]

Tom
Gast

Die Integration eines Blogs in eine Fan Seite geht ganz einfach. Über „Werbeanzeigen und Seiten“ eine neue Page angegen und dann den Blog unter „Seite bearbeiten“ > „Notizen bearbeiten“ den Blog importieren.

Leo
Gast

Gute Sache. Ne Fanpage bei facebook hab ich mir schon länger gemacht, aber auf die Idee, auch die Einträge nach facebook zu portieren, bin ich bisher nicht gekommen.

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

Curt Simon Harlinghausen
Gast

Prima Tutorial. WordPress facebook App. Cool.

c0de
Gast

Danke!
Genau das was ich gerade gebraucht habe!
Zwar schade das das nicht unmittelbarer direkt als Statusmeldungen auf eine Fan Seite geht, aber nja ^^

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

Lack Robi
Gast

Sehr informatives Tutorial.

Werde ich auf Jedenfall ausprobieren. Ich denke aber, dass es schon auch drauf ankommt was im Blog so angeboten wird. Schliesslich ist man (ich zumindest) auf Facebook als Privatperson angemeldet. Da kann ich mir vorstellen, dass sich meine Freunde nicht auschliesslich für mein „geschäftliches Blog-Angeobt“ interessieren. Ich hätte das ja auch so. Deshalb drängt sich hier in vielen Fällen wohl eher eine Fanpage auf. Aber wie gesagt, eine gute Idee.

trackback

[…] in mein Facebook- Profil einzubinden. Stellt sich schwieriger dar als gedacht . Habe dann doch ein Tutorial gefunden und am Ende war es einfacher als gedacht. Allerdings muss ich sagen hat das ganze nicht so […]

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

Michael
Gast

Hallo Thiemo,

super Tutorial danke.

Eine Frage habe ich noch:
Kann ich den Blog auch in einem eigenen Reiter in einer Fansite erscheinen lassen, wie es in Profilen dargestellt wird?

Danke
Michael

trackback

[…] The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications. Deutschsprachige Version des Artikels […]

Henning
Gast

Cool, vielen Dank für die Anleitung. Ist imho deutlich schicker und sinnvoller als Fanpages mit Social RSS oder ähnlichen Lösungen.

RonVaradeo
Gast

Hi

ich habe dein Tutorial vefolgt !

Nur mache ich entweder etwsa falsch oder irgendwas funzt da nicht !

Ich habe die Anwendung nach deiner Anleitung erstellt und dieses dann zu meinem Facebook-Profil hinzugefügt.
Aber wenn ich jetzt auf die Anwendung klicke in Facebook zeigt er mir keinen Inhalt an .

Was könnte das Problem sein ?

trackback

[…] Und wie man dann das WPBook-Plugin installiert und nutzt ist hier genauer nachzulesen: http://www.drweb.de/magazin/wordpress-facebook-integrieren/ […]

Christian
Gast

danke für die Anleitung, hat absolut problemlos funktioniert :)
Bin mal gespannt wieviele Besucher man über Facebook für den eigenen Blog gewinnen kann.

bee
Gast

Also so ganz funzt es bei mir leider auch nicht…

Problem 1: Blogkommentare werden in Fb angezeigt, aber umgekehrt, wenn ich in Fb nen Kommentar schreibe, meldet er immer, ich hätte das Kommentarfeld nicht ausgefüllt.

Problem 2: Ich krieg die App net in ne Fansite eingebaut…

Letzteres wäre eine sinnvolle Erweiterung dieser Serie, denn ich möchte ja auch, dass die Leute mich abonnieren können und deren Freunde das dann auch sehen.

Jan
Gast

Moin,

soweit hat alles super geklappt. Aber ich möchte die Anwendung gerne in eine Fan Page einbinden, wie viele andere auch :)

Bekommt man das hin, ohne das die App im Directory ist?

VG
Jan

Nicolas
Gast

Wer nicht selber den Code schreiben will: Den neuen FB Like-Button einfach als WP-Plugin installieren http://www.kouguu.net

Facebook Login
Gast

Super Tutorial! Vielen Dank! Wir werden es gleich versuchen umzusetzen!

HL-Magazin
Gast

Hallo,

hab mich an die Anleitung gehalten und alles so ausgeführt wie oben beschrieben, jedoch bekomme ich folgenden Fehler bei der Authent. (Once your Facebook application is established, click here to grant WPBook the permission to publish to your stream. Then return and enter your FB profile id below.):

API Error Code: 100
API Error Description: Invalid parameter
Error Message: next is not owned by the application.

Weiß jemand Rat, bin leider nicht so gut in Englisch, deswegen konnte mir das Forum der Developer nicht weiter helfen.

Dabke im Voraus
LG Ivonne

Marcel Schreyer
Gast

Hallo Ivonne,

der Fehler „API Error: 100“ erscheint, wenn du in deinen Anwendungseinstellungen die Connect URL nicht gesetzt hast. Die Connect URL ist die Adresse der Seite, von der du auf Facebook zugreifst (also dein Blog o.ä.).

Hoffe, das hilft.

Grüße
Marcel

trackback

[…] zwischen Facebook und dem formosus-Blog sollte mit diesem Post aktiviert werden. Vielen Dank an DrWeb für das geniale […]

RG
Gast

SEHR, sehr, sehr gut!!!

Hab‘ alles Schritt für Schritt durchgeführt, hat alles wunderbar geklappt, vielen vielen Dank.
Hab‘ sogar übersetzt und bei mir veröffentlicht.

Gruß
RG

Mario
Gast

Hallo,

bei mir klappt es leider auch nicht.
Denke das ich alles richtig eingestellt habe,
aber es erscheint nichts auf FACEBOOK..

hoerspiele.hn.vc – die Webseite
http://www.facebook.com/www.mario.de.tv

Brauche DRINGEND HILFE !!!!
************************************

Bitte per mail oder so direkt an mich !

D A N K E !
**************

Gruß, Mario aus Dortmund

trackback

[…] Blog in Facebook integrieren By Gisbert, on Juni 18th, 2010 Ein WordPress Blog in Facebook integrieren | API, Facebook, Social, Weblogs, WordPress | Dr. Web Mag…. Web, Wissen   Hilfe, Lernen, Wissen   « Facebook Like Button in WordPress […]

silverstar
Gast

Hallo,

bekomme das nicht hin den WP in Facebook zu bekommen.

Juri
Gast
hi :) .. seit samstag hab ich ein wenig rumprobiert, ein ergebniss habe ich.. mein testblog unter http://wp.kifuzzy.net erscheint nun als anwendung in facebook. die anwendung hat die adresse in facebook http://www.facebook.com/apps/application.php?id=113843155332221 die anwendung selbst startend, inklusive „erlaubnis erteilen“ zeigt dann den blog von kifuzzy gespiegelt. das geschieht von facebook relativ automatisch, dass die auf der blogseite erstellten dort refresht werden. ich kann in facebook kommentieren und die kommentare erscheinen dann im block unter wp.kifuzzy.net – derzeit so eingestellt, dass ich die kommentare freigeben muss, aber auch die automatische freigabe der facebook-kommentare dort will noch nicht so ganz klappen. http://apps.facebook.com/blognetworks/… Read more »
Andreas
Gast

Ich bekomm es nicht gebacken in Facebook die Anwendung richtig zum Laufen zu bekommen … Ich kann zwar in meiner Anwendung was schreiben und das wird auch auf meiner Pinnwand angezeigt, aber die Beiträge aus dem WP-Blog kommen nicht an … any idea?

Simon
Gast

Hallo,

gibt es die Möglichkeit die Blog-Beiträge aus WP direkt an die Fanpage (also die Unternehmens-Seite) und nicht auf meine private Pinnwand zu setzen?
Sonst macht es für einen rein geschäftlichen Blog keinen Sinn das Plugin „wordbook“ einzusetzen.

Jemand eine Idee?
Gruß
Simon

wpDiscuz