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

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

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.

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.

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

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

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 authentifizieren

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