Der eigene FBML-Reiter für Facebook Seiten
Mit sogenannten FBML-Reitern können Facebook Seiten individuell gestaltet werden. Zumindest bis zu einem bestimmten Grad. FBML-Reiter werden auf der Seite neben den anderen Reitern (Pinnwand, Info usw.) angeordnet und können mit einem einfachen HTML-Code individuell bearbeitet werden. Diese Reiter werden meistens für zusätzliche Informationen über Produkte und Unternehmen benötigt.
Da Facebook immer mal wieder Änderungen vornimmt, empfehle ich eine einfache Gestaltungsvariante zu wählen. Zu beachten ist, dass die Breite der Reiter von Facebook auf 520 Pixel beschränkt wird. Die “Codierung” im Feld selber ist aus Platzgründen etwas umständlich, deshalb empfiehlt es sich die Seitengestaltung zuerst in einem HTML-Editor z.B. in der gratis Version KompoZer vorzunehmen.
Anhand eines Kunden-Beispiels aus einem meiner Projekte zeige ich Ihnen Schritt um Schritt wie Sie so einen Reiter selber einrichten können.
1. Schritt
Geben Sie in der Befehlszeile Ihrer Facebook Seite den Begriff FBML ein (1.) und wählen Sie dann den angezeigten Reiter aus (2.)
2. Schritt
Wählen Sie auf der Seite FBML den Link “zu meiner Seite hinzufügen”.
3. Schritt
Weisen Sie den Reiter Ihrer Seite zu (1.) und bestätigen Sie mit “Schliessen” (2.).
4. Schritt
Gehen Sie jetzt zu Ihrer eigenen Facebook Seite reotur und klicken Sie auf den Link “Seite bearbeiten”. Sie gelangen zur Aufstellung Ihrer Applikationen.
5. Schritt
Scrollen Sie auf dieser Seite runter bis zum Icon “FBML-FBML”. Klicken Sie auf den Link “Anwendungseinstellungen” (1.) und nehmen Sie die Einstellungen wie angezeigt (2.) vor. Es kann sein, dass diese Einstellung schon vorgegeben ist. Dann müssen Sie nichts weiter unternehmen. Klicken Sie anschliessend auf “Bearbeiten” (3.). Der Reiter öffnet sich zur Bearbeitung.
6. Schritt
Geben Sie jetzt dem Reiter einen Titel (1.) und kopieren Sie anschliessend Ihren HTML-Code (2.), ab Div-Ebene hinein. Anschliessend auf “Änderungen speichern” (3.) klicken.
7. Schritt
Zurück auf der Ansicht sieht der fertige FBML-Reiter wie folgt aus:
Der Reiter kann mit Drag&Drop auf der Zeile verschoben werden. Allerdings nur ab dem Reiter “Info”. Um einen weiteren FBML-Reiter hinzuzufügen, scrollen Sie bei den Einstellungen (unterhalb Bild Schritt 6) bis zum Link “weiteres FBML-Feld hinzufügen”.
Hallo Herr Lack,
vielen Dank für die ausführliche Erklärung, mir war “FBML” ein Begriff,
doch hatte ich Schwierigkeiten beim Einrichten.
Mit Ihrer Anleitung sollte es jetzt funktionieren.
MfG
Twacebook
Michael Volkmann
P.S. Ich würde Sie gerne in unsere Twittergruppe “Twitter deutsch”
auf Facebook einladen-dann könnten Sie Ihren Blog auf unsere Pinnwand posten.
Hallo Michael
Freut mich, dass ich dir helfen konnte. Nehme das Angebot mit der Twittergruppe “Twitter deutsch” natürlich gerne an.
Grüsse Robi
Hi,
finde das alles sehr hilfreich, allerdings hab ich bisher kein festes fbml-Gerüst für facebookseiten gesehen. Also eine universal-struktur, wo was hin muss.
Interessant wäre ggf auch ein Tutorial zu CSS ?
Ansonsten super Content, dankeschön!
Hallo Jan
Es gibt die Version mit CSS. Hier ist ein Tutorial dazu: http://www.schwindt-pr.com/fbmltutorial.pdf . Man muss aber den Umgang mit dieser etwas komplizierteren Code-Variante beherrschen. Sonst kostet es nur Zeit und Nerven. Und beides ist für KMU`s “nicht gut”. .-)
Hallo Robi,
vielen Dank für die sehr verständliche Anleitung.
Von “FBML” hatte ich bislang noch nichts gehört, aber ich lerne immer wieder gerne hinzu.
Einen Gruß aus Düsseldorf,
Elli
Hallo Elli
Gern geschehen. Freut mich wenn es dir nützt.
Grüsse
Robi
Hallo,
vielen Dank für die tolle Anleitung. Hier können sich viele sog. Experten ein Beispiel dran nehmen.
Viele Grüße
Thomas
Hallo Thomas
Vielen Dank für dein freundliches Feedback.
Man kann eine Facebook Seite so oder so gestalten, das ist (Experte)Ansichtssache. Ich bin allerdings der Meinung, dass man sich da an ein möglichst einfaches, effektives Vorgehen halten sollte. Keine “Kunstwerke”, deren Anpassung bei jeder Änderung durch Facebook wieder viel Zeit und Geld kostet. Die Ziele mit einer Facebook Seite sind in der Regel mit den Usern interaktiv zu werden, ihnen Nutzen zu bieten um so den Traffic auf die eigene Webseite (Blog, Shop usw.) leiten zu können. Schliesslich wollen wir am Ende ja alle auch etwas verkaufen.
Ich habe Facebook Seiten gesehen mit bereits integriertem Shop (nicht die Facebook Version selber), und als ich einen Bestellvorgang machen wollte, hatte es div. Fehler im Ablauf, so dass die Bestellung gar nicht ausgeführt werden konnte.
Technisch immer möglichst einfach bleiben ist mein Motto.
Grüsse
Robi
[...] von FBML-Reitern auf Facebook angefragt wurde, habe ich kürzlich in einem meiner Beiträge erklärt wie [...]
[...] einem früheren Beitrag über FMBL-Reiter habe ich geschrieben wie ein Facebook FBML-Reiter grundsätzlich erstellt wird. Im zweiten Beitrag, letzte Woche dann, stellte ich ein [...]
Hallo Leute,
eine Frage ich habe ein problem ich füge die codes ein aber es zeigt danach einen leeren Reiter wisst ihr wo das Problem liegen könnte =(
LG
Tima
Hallo Tima
Kontrolliere folgendes:
1. Ist das Bild online (auf deinem oder einem anderen Server)
2. Hast du den Pfad zum Bild richtig eingegeben? z.B.
Grüsse
Robi
Hi Robi,
das Problem hat sich erledigt. Ich kenne mich mit html nicht aus deswegen wusste ich nicht ab wann ich die codes da reinkopieren soll und habe alles reinkopiert einfach bisschen rumgetrickst dann ging es zwar ohne Formatierungen der Text aber es geht Danke nochmal
LG Tima
Ja, dann ist ja alles bestens. Viel Spass damit
Hi Robi,
besten Dank für den Beitrag. Ich hab leider ein Problem mit meinem Facebook Account. Egal welche App ich hinzufügen möchte, das Fenster zeigt mir immer ein “No Result” an. Hast Du vielleicht eine Idee, woran das liegen könnte?
Besten Dank für Deine Hilfe
Grüße
Dirk
Hallo Dirk
Das kann ich jetzt aus der Distanz schlecht beurteilen. Ich schätze mal, dass es Apps sind die eben nicht hinzugefügt werden können.
Du kannst z.B. in deinem Profil keine FBML-Reiter einrichten, das geht nur auf Facebook Seiten. Folgedessen sind diese Apps im Profil nicht hinzufügbar.
Kannst du in deinem Profil aber grundsätzlich keine Apps hinzufügen, dann solltest du mal mit dem Facebook Support Kontakt aufnehmen.
Grüsse
Robi
Hallo ;o)
Also vielen herzlichen Dank! Das PDF dass du erwähnst ist zwar toll aber ich hab genau deine Anleitung gebraucht, damit es geklappt hat – optische Untermalung sozusagen ;o)
Kann man den Reiter von der Position her eigentlich auch verschieben?
Liebe Grüße
Daniela
Hallo Daniela
Freut mich wenn es geklappt hat mit dem Einrichten.
Die beiden Reiter Pinnwand und Info kannst du nicht verschieben, die sind fest gegeben. Alle andern kannst du horizontal innerhalb der Reiter-Bar verschieben.
Grüsse
Robi
hi!
ich hab FBML hinzugefüht kann es auch in den Reiter fügen, aber nur als FBML, da ich nichts sehe wo ich das ganze via html editieren kann. ich habe keinen bleistift oder so…
Folgendes sagt mir auch FB Developer Guide???
We are in the process of deprecating FBML. If you are building a new application on Facebook.com, please implement your application within an iframe, using our JavaScript SDK and Social Plugins. While there is still functionality that we have not ported over yet, we are no longer adding new features to FBML.
Wird abgeschaft oder???
Hallo ivi
Um in HTML zu editieren, musst du den Code in einem HTML-Editor bearbeiten. Z.B. Frontpage oder Komposer usw.
Grüsse
Robi
Hey,
ist es möglich das FBML Icon im neu angelegten Reiter zu verändern?
Hallo Rike
Was meinst du genau mit Icon verändern? Den Text im FBML-Reiter kannst du selber bestimmen und ein Icon braucht es nicht.
Grüsse
Robi
Hey,
ich meine das Symbol was beispielsweise auf dieser Seite http://www.facebook.com/unwomen#!/kolle.rebbe vor Jobs zu sehen ist. Dieses graue! =)
Grüße
diese seite: http://www.facebook.com/kolle.rebbe
Gott! Danke!
Hallo!
Ein sehr strukturierter und guter Artikel über den Aufbau von individualisierten Tabs auf Facebook Fan Pages. Sehr schön!
Ich wollte unser Tool von mashlab in die Runde werfen, da FBML zwar super ist, aber dafür auch ziemlich kompliziert…
Mit unserem Tool auf http://mashlab.com kann man jetzt kostenlos individuelle Tabs erstellen, ohne dabei irgendwelche FBML-Kenntnisse zu haben. Alles ganz einfach per Drag&Drop! Dadurch kann man sowohl Video und Songs als auch Texte und Bilder problemlos in seinem Tab einbauen und seine Fans im eigenen Design ansprechen.
Viele Grüße
Julian
Hallo Julian
Tönt ganz gut, werde ich in den nächsten Tagen einmal testen.
Besten Dank.
Robi Lack
Hallo,
danke für die Erklärung, ich habe nur ein Problem: Sobald ich auf “Zu meiner Seite hinzufügen” klicke, öffnet sich ein Fenster “Keine Ergebnisse”
Wie kann das sein? Obwohl ich alles genau so gemacht habe wie oben beschrieben. Weiß jemand, wieso ich Static FBML keiner Seite zuweisen kann?
Bitte um Hilfe,
Verena
Hallo Verena
Wenn du den FBML Reiter nicht einer Seite zuordnen kannst, dann kann es sein, dass der schon zugeordnet ist. Schau mal unter “Seite bearbeiten” -> “Anwendungen” ob der Reiter evtl. schon zugeordnet ist.
Grüsse
Robi
Also irgendwie scheint das nicht mehr richtig zu funktionieren.
FBML kann ich nur als Favorit hinzufügen, aber nicht meiner Seite.
Hallo Jörg
FBML ist eigentlich seit anfangs März auch nicht mehr so aktuell, da FB auf iFrame umgestellt hat. Schau dir einfach mal meinen Blogpost dazu an. Inhalte mit iFrame einbinden ermöglicht viel mehr Varianten.
http://www.digiprodukte.ch/facebook/eine-facebook-landingpage-ganz-einfach-mit-der-anwendung-static-html-erstellen/
Hallo Jörg
FBML ist eigentlich seit anfangs März auch nicht mehr so aktuell, da FB auf iFrame umgestellt hat. Schau dir einfach mal meinen Blogpost dazu an. Inhalte mit iFrame einbinden ermöglicht viel mehr Varianten.
http://www.digiprodukte.ch/facebook/eine-facebook-landingpage-ganz-einfach-mit-der-anwendung-static-html-erstellen/
Gruss Robi
Also bei mir klappt es nicht, ich habe es echt 10 mal versucht aber meine seite will es nicht annehmen