Facebook hat am 23.09.2011 angekündigt, den Support für FBML Tabs von Facebook Fanpages abzuschalten und alle FBML Apps am 01.06.2012 zu löschen bzw. abzuschalten. Das heißt, alle Welcome Pages und Tabs eurer Fanpage, die ihr via FBML erstellt habt werden gelöscht.
Rechtzeitig auf Facebook iframe Apps umschalten!
Bis zum 01.06.2012 sollte man seine Fanpage Tabs also auf iFrame Tab Apps umgeschaltet haben. Wie das funktioniert möchte ich euch in diesem Tutorial zeigen. Voraussetzung ist, dass ihr Standard HTML Kenntnisse habt, um eine kleine Webseite, sprich die Fanpage, zu erstellen.
Gerne übernehme ich die Fanpage Gestaltung. Einfach auf Kontakt klicken 
Nach dem Tutorial:
- könnt ihr Facebook iframe Tabs erstellen
- wisst ihr was man beim Erstellen beachten muss
Los gehts:
- Zunächst benötigt ihr einen Ordner auf eurem Webspace wo die spätere App abgespeichert werden kann. Wenn ihr keine eigene Website besitzt, funktioniert es auch mit gratis Webspace, von Anbietern wie z.B. http://www.lima-city.de/ oder über einen Facebook Cloud Partner. (Mehr zu Cloud Partner an späterer Stelle)
- Als Nächstes müsst ihr euer Handy oder eure Kreditkarte bereithalten, vorausgesetzt ihr habt euren Facebook Account nicht schon vorher verifiziert.
- Jetzt den Facebook Developer Bereich aufrufen: https://developers.facebook.com/apps
- oben rechts auf 
klicken
- gebt der Anwendung einen Namen. Der Namespace kann noch leer bleiben, weil er auch zu einem späteren Zeitpunkt eingegeben werden kann.
- macht ein Häkchen bei “ich stimme den Facebook Policies zu” und klickt auf weiter.
- Für nicht verifizierte Facebook Nutzer kommt nun die Aufforderung, sich via Handy oder Kreditkarte als gültiger Nutzer zu verifizieren.
Die Verifizierung ist innerhalb von Sekunden abgeschlossen.
Vorbereitung geschafft…
Nachdem ihr alle Vorbereitung abgeschlossen habt, werden euch die Grundlegenden Einstellungen eurer App angezeigt.
- Unter “Allgemeine Informationen” bei “Anwendungsdomain” gebt ihr den eben angelegten Webspace-Ordner an (z.B. http://www.meinewebseite.de/meineapp/) und drückt Enter.
- Wenn ihr wollt gebt einen beliebigen Namespace ein und wählt eine passende Kategorie aus.
Unter Cloud Services könnt ihr euch auch Webspace für eure App anlegen. Das Ganze ist meiner Meinung nach nicht nötig und sehr unübersichtlich. Man sollte gut Englisch können, um den Service nutzen zu können.
Unter Wähle aus, wie sich deine Anwendung in Facebook integriert wählt ihr den untersten Punkt zum Seitenreiter-Erstellen aus, und klickt danach auf “Änderungen speichern”
Es öffnet sich ein zusätzliches Formular in dem ihr Daten zu dem Tab eintragen könnt:
Der Page Tab Name ist der Name, der später auf eurer Fanpage als Reiter / Tabname angezeigt wird.
Die Page Tab URL ist wieder die URL, die ihr oben schon eingegeben habt.
Die Secure Page Tab URL ist die https Adresse zu eurer App. Sie ist seit 01.10.2011 von facebook gefordert, es funktioniert aber auch noch ohne sie. Ich würde auf Dauer empfehlen, https/ SSL fähigen Webspace zu nutzen.
Die Page Tab Edit URL wird zum Editieren der APP genutzt – hier muss auch nichts eingetragen werden.
Zweiter Schritt fertig…
…jetzt klickt ihr am linken Rand auf “Profilseite der Anwendung anzeigen”
Eine Ãœbersichtsseite der App öffnet sich. Hier müsst ihr nichts mehr machen. Mit einem Klick auf “Zur Seite hinzufügen” fügt ihr euren neuen Reiter zu eurer Fanpage hinzu.
Wenn ihr jetzt wollt, dass der Tab beim Öffnen der Fanpage angezeigt wird, könnt ihr das in den Einstellungen eurer Fanpage umstellen. Ihr klickt auf der Startseite eurer Fanpage (von der ihr auch Administrative Rechte besitzen solltet) auf Seite bearbeiten.
Wählt dann unter Standard Reiter eure gerade erstellte und hinzugefügte App aus.
 Schritt 3 fertig, wir brauchen Content…
Ihr habt nun die iframe App erstellt, hinzugefügt und evtl. als Welcome Reiter definiert. Jetzt ist die Seite allerdings noch weiß. Ihr erstellt jetzt den Inhalt der Fanpage wie ihr auch jede andere Webseite erstellt – an dieser Stelle könnt ihr auch einfach den Quelltext aus eurer alten FBML Anwendung fast ganz übernehmen. Euch ist alles freigestellt. Ihr könnt Menüs einbauen, Flash Animationen einbetten oder Formulare integrieren. Den Inhalt speichert ihr in dem Ordner der App auf eurem Webspace. Nennt die Startseite index.html oder .php, wie bei jeder anderen Webseite auch.
Was ihr noch wissen solltet:
- eine Fanpage ist maximal 520 px breit, darüber hinaus erscheint ein horizontaler Scrollbalken.
- Ihr solltet ein Impressum integrieren. Es reicht wenn ihr auf das korrekt erstellte Impressum eurer Webseite verlinkt. Zusätzlich sollte man dies auch noch in den Fanpage Infos machen.
- Wenn Ihr AGBs habt, integriert diese auch auf eurer Fanpage.
- Integriert ein Kontaktformular.
- Weist neue Besucher darauf hin, die Fanpage zu “liken” evtl. mit einer Grafik.
Das war alles zu viel? Gerne übernehme ich die Fanpage Gestaltung.
Einfach auf Kontakt klicken
Dies ist die Fortsetzung meines