Da ich gerade heute wieder danach gefragt wurde, poste ich diesen Beitrag auch noch einmal hier (dieser Artikel erschien kürzlich auch als Gastbeitrag auf facebookmarketing.de, allerdings mit anderen Screenshots).
Im Zuge der anstehenden Änderungen für Facebook-Fanseiten wird der Bedarf an individuell gestalteten Reitern stark an Bedeutung zunehmen. Daher hier noch einmal ein ausführliches Schritt-für-Schritt-Tutorial:
Über die Anwendung „Static FBML“ können Sie individuell gestaltete und auch individuell benannte Reiter zu Ihrer Fanseite hinzufügen. Innerhalb dieser Reiter können Sie mit normalen HTML-Befehlen ihrer Kreativität freien Lauf lassen. Gehen Sie dabei wie folgt vor:
1. FBML-Anwendung zur Seite hinzufügen
Gehen Sie zur Anwendung „Static FBML“ und klicken Sie auf „Zu meiner Seite hinzufügen“.
Wenn Sie mehrere Fanseiten betreuen, müssen Sie hier ggf. noch diejenige, die Sie bearbeiten wollen, auswählen. Sehen Sie den Link „Zu meiner Seite hinzufügen“ nicht, haben Sie vermutlich ein Unternehmenskonto ohne Profil angelegt und können keine Anwendungen benutzen.
2. FBML-Anwendung einstellen
Gehen Sie zu Ihrer Fanseite und klicken Sie dort auf „Seite bearbeiten“ (unter dem Profilbild). Scrollen sie runter bis zur Anwendung FBML:
Klicken Sie zunächst auf „Anwendungseinstellungen“. Es erscheint ein Fenster wie dieses:
Möglicherweise hat Facebook die Anwendung bereits automatisch als Feld (auf dem „Felder“-Reiter) hinzugefügt. Dann klicken Sie hinter „Feld: hinzugefügt“ auf „entfernen“ (denn der „Felder“-Reiter soll demnächst abgeschafft werden).
Über „hinzufügen“ hinter „Reiter: Verfügbar“ erstellen Sie einen eigenen Reiter und klicken auf „OK“.
3. FBML-Reiter benennen
Wählen Sie jetzt innerhalb des FBML-Abschnitts die Option „Bearbeiten“ und geben Sie dem neuen Tab einen (möglichst kurzen) Namen, indem Sie das Formularfeld „Titel des Feldes“ ausfüllen. Sobald Sie dies über „Änderungen speichern“ am Ende des FBML-Formulars gespeichert haben, wird die Anwendung in der Liste unter „Seite bearbeiten“ mit diesem Namen angezeigt (hier im Beispiel lautet der Name „schwindt-pr“):
Auf der Fanseite sollte jetzt auch ein gleichnamiger Tab erschienen sein.
4. Inhalte per HTML einfügen
Befüllen können Sie diesen Tab jetzt über „Bearbeiten“ (innerhalb der FBML-Anwendung auf „Seite bearbeiten“), indem Sie das Formularfeld „FBML“ befüllen. Möglicherweise steht darin bereits folgender Code zu lesen:
Dies soll sie daran erinnern, dass Sie hier nur HTML-Befehle ab der div-Ebene abwärts (!) verwenden können. Erlaubt ist allerdings – wie der Name schon sagt – nur statisches HTML; Skript wird nicht zugelassen.
WICHTIG:
- Tabs werden in der Weite auf 520 Pixel begrenzt werden! Achten Sie also darauf, dass Sie diese Weite nicht überschreiten! Dies ist v.a. beim Einbinden von Grafiken oder Definieren von Weiten (z.B. bei gefloateten Bereichen) wichtig!
- Das FBML-Formularfeld leider sehr eng und unübersichtlich. Am besten bereiten Sie also Ihren HTML-Code erst mal offline über einen Text- oder HTML-Editor vor und fügen ihn dann nachher einfach ein und klicken dann auf „Änderungen speichern“ am Ende des FBML-Formulars. (Achten Sie nur wieder darauf, dass Sie nur Code ab div-Ebene einfügen! Alle übergeordneten Ebenen sind bereits für Facebook an sich belegt!)
- Wenn Sie den einzelnen Elementen wie Überschriften, Text etc. keine weiteren style-Definitionen mitgeben, verwendet Facebook das Facebook-CSS. Wenn Ihnen dieses Layout aber nicht gefällt, können Sie es über eigene style-Befehle auch überschreiben.
5. FBML-Reiter verschieben
Zurück auf der Pinnwandansicht Ihrer Fanseite können Sie den neuen Reiter jetzt noch per Drag&Drop verschieben. Nur der Pinnwand-Reiter und der Info-Reiter (solange er noch vorhanden ist) sind am Anfang der Reiter-Liste fixiert. Alle anderen Reiter lassen sich in der Reihenfolge tauschen.
6. Weitere FBML-Reiter hinzufügen
Am Ende des FBML-Bearbeitungsformulars (s. Schritt 3) finden Sie den Link “ Weiteres FBML-Feld hinzufügen“. Wenn Sie den anklicken, erscheint wieder ein neues noch unbenanntes FBML-Feld auf dem „Felder“-Reiter, das Sie dann wie ab Schritt 2 beschrieben bearbeiten können.
So sind z.B. diese selbst gestalteten Reiter auf der Fanseite von schwindt-pr entstanden:
Eigener Reiter für die Darstellung von schwindt-pr (bitte anklicken, um zur Fanseite zu gelangen)
Eigener Reiter für meine Facebook-Veröffentlichungen (bitte anklicken, um zur Fanseite zu gelangen)
UPDATE: Lesen Sie auch die Blogposts über das Einbinden von CSS in FBML-Reiter und das Einbauen eines Menüs in einen FBML-Reiter oder laden Sie gleich das Static FBML-Tutorial für individuelle Fanseiten-Reiter (pdf, 1.01MB) herunter.
[...] ist auch als pdf-Download (7.2 MB) über Scribd erhältlich. Oder mit weiteren Beispiel-Screenshots hier im Blog zu [...]
Hallo Annette,
danke für die vielen seeeehr hilfreichen Infos.
Doch das bleibt mir unklar und ist vllt. nicht ausreichend erklärt:
„Dies soll sie daran erinnern, dass Sie hier nur HTML-Befehle ab der div-Ebene abwärts (!) verwenden können. Erlaubt ist allerdings – wie der Name schon sagt – nur statisches HTML; Skript wird nicht zugelassen.“
Was heisst ‘ab der div-Ebene abwärts ‘?
Ich würde nämlich gern ein Object einbinden; und das geht nicht / wird nicht dargestellt. Ein PDF-Flipbook. Der Code beginnt so:
<param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf? ….
Was genau lässt sich per HTML einbinden, was nicht?
Danke und Grüße aus Heidelberg
Die Anwendung heißt „STATIC FBML“, weil sie nur statisches HTML zulässt, keine dynamischen Inhalte wie diesen genannten.
Und ab der div-Ebene abwärts heißt, dass die übergeordneten head und body schon für die Facebook-Plattform an sich vergeben sind.
und wie soll man (wenn man nicht in den Body reinkommt) eigene css styles einbinden??
Zum Beispiel, indem man jedem Element seinen style zuweist (div style=“…“ oder p style=“…“)
Funktionieren Javascript Funktionen?
Javascript ist auch nicht statisch.
kennst jemand einen guten freeware html editor, der evtl nur auf der div ebene schreibt? bzw. so einstellen kann, dass er nur „div“ zulässt?
Zum Beispiel http://www.weaverslave.ws/
Und zum 2.Teil der Frage: brauchen ja nachher nur den div-Bereich rüberzukopieren.
[...] schwindt-pr. Kürzlich zeigte mir Alexandra folgenden Weg zur Einbindung eines eigenen CSS in einen FBML-Reiter auf Facebook. Ich bat sie daraufhin, diesen in einem Gastbeitrag kurz zu [...]
[...] März 2010 von Annette Schwindt Nachdem hier schon gezeigt wurde, wie man einen FBML-Reiter auf Facebook-Fanseiten anlegt und wie man eine eigene CSS dafür einbindet, möchte ich nun am Beispiel meiner Fanseite darauf [...]
Hallo, ich möchte mich bedanken für die Informationen und Tutorials die Sie hier sehr verständlich und anschaulich bereitstellen.
Frage: wo lässt sich auf einer Fansite einstellen unter welchem Reiter der Gast eintritt in die Site? Sozusagen die Startseite festlegen?
Ich möchte das der User auf meinem eingerichteten FBML Reiter die Site betritt!
Vielen Dank und Grüsse aus Wien
Die Antwort finden Sie hier: http://deblog.schwindt-pr.com/2009/12/14/facebook-fanseiten-standardansicht-festlegen/
Hallo und vielen Dank für die guten Tipps!
Gibt es eine Möglichkeit, dynamische Websiten einzubauen? Gibt es ein Widget/Tool dafür bei Facebook?
Danke & Grüße
Thorsten
Ja, über das Einbinden von externen Flash-Skripten. Fragen Sie mal bei http://www.facebook.com/fbbiz , die haben dafür wohl auch ein CMS entwickelt.
[...] allzu schwierig. Ansonsten können Sie sich auch eine sehr gute Anleitung hierzu auf dem Blog von Annette Schwindt durchlesen. Sie zeigt Ihnen Schritt für Schritt wie sie vorgehen [...]
Super Anleitung.
Vielen Dank das hat wirklich sehr geholfen!
Ich habe gesehen, dass man seinen FBML Reiter auch als Startseite einrichten kann. Siehe http://www.facebook.com/leagasdelaneyhh
Wie geht das?
Hallo,
ich habe eine Seite und wollte die Anwendung hinzufügen. Wenn ich auf diesse Anwendung gehe, steht dort nicht „zu meiner Seite hinzufügen“ sondern nur „zu den Favoriten meiner Seite hinzufügen“
Was kann ich jetzt tun?
Viele Grüße
Silke
Dann haben Sie vermutlich ein Unternehmenskonto und könen daher keine Anwendungen benutzen oder diese Anwendung hat keine Version für Seiten.
Hallo ich drehe langsam durch… ich habe über mein Profil eine Facebook-Fanpage erstellt. Danach habe ich testhalber die Anwendung FBML installiert. Ich erhielt dadurch einen zusätzlichen Reiter „Felder“. Wie bekomme ich diesen wieder weg??? Ich habe schon versucht die Anwendung „FBML“ per „Anwendung entfernen “ zu entfernen. Ich bekomme noch die Frage > Bist du sicher, dass du diese Anwendung entfernen möchtest? Dies bestätige ich – Aber wenn ich mich wieder einlogge ist alles wie beim alten !!!
Ebenso habe ich bei „FBML bearbeiten“ die Möglichkeit zusätzliche Felder hinzuzufügen…da habe ich momentan 2….löschen kann man diese aber nicht….Jemand eine Idee?
In den Anwendungseinstellungen von FBML (Fanseite > Seite bearbeiten) angeben, ob als es als Feld oder Reiter (oder keins von beiden) angezeigt werden soll. Der felder-Reiter löscht sich automatisch, sobald alle daraif befindlichen Felder gelöscht wurden (mit der Maus auf das Feld fahren und dann den blauen Stift in der rechte oberen Ecke anklicken).
Vielen Dank für die guten Informationen.
Sehr hilfreicher Beitrag, vielen Dank! Ich würde gerne den FBML Tab nutzen um mir ein eigenes Element in die Linke Navigation einzubauen. Hier möchte ich gerne die Warengruppen eines Online-Shops verlinken.
Kannst du mir helfen, wie ich den FBL Tab nun in die Linke Nav verschiebe? Mit Drag & Drop bin ich leider nicht weiter gekommen :-/
Dazu müsste man in den Einstellungen des reiters auf „Feld hinzufügen“ gehen und dieses dann „auf Pinnwand verschieben“. Mir wurde jetzt aber schon mehrfach berichtet, dass das nicht mehr funktioniert, vermutlich weil Facebook dabei sit, Felder abzuschaffen.
Ja genau, Facebook schafft diese Felder gerade ab. In der Box von TripAdvisor (Cities i´ve visited) steht z.B. seit einger Zeit, dass die Box jederzeit verschwinden kann, weil Facebook keine Felder sondern ausschließlich noch Reiter zur Verfügung stellt. Auch im DeveloperForum von Facebook findet man Hinweise darauf.
Okay. Wieso will Facbeook das abschaffen?? Wird es eine Alternativmöglichkeit geben??
Facebook will nur Felder abschaffen, nicht die Anwendung Static FBML als Ganzes. Auch mit anderen Anwendungen werden Sie dann keine Felder mehr kreieren können, sondern nur noch Reiter.
Hallo, schönes Tutorium danke dafür
Also ich habe auch das phänomen das ich die FBML Seite nicht als Startseite hinbekomm. Habe zwar wie beschrieben die Seite als Landingpage eingestellt. Aber bei mir kommt immer die Pinnwand. Woran liegt das?
Das kann ich von hier aus nicht beurteilen. Möglicherweise ein Facebook-Fehler?
Hmm versteh ich auch nicht ist echt komisch. Aber die Seite bringt sonst ja leider nichts wenn die Leute direkt drauf kommen. Ich bezweifel das sie auf einen der hinteren Reiter klicken. Schade
Hier mal ein Screen der Einstellungen
http://img168.imageshack.us/img168/8065/unbenanntgjv.jpg
Die sind soweit richtig oder?
PS: Vielen Dank für die Hilfe
Ja, die Einstellung ist richtig.
ich habe alle anwendungen gelöscht, der reiter felder verschwindet trotz allem nicht und bleibt einfach leer und weiss?!
Hallo,
das ist ja mal ein tolles Tutorial!
Hab aber ne Frage. Ich bin dabei für unser Hotel eine Unternehmensseite zu erstellen. Da ist die Funktion aber nicht möglich. Hab gelesen, dass man dafür eigens ein „Profil“ erstellen muss, ist aber nicht rechtens für ein Unternehmen. Gibts da ne andere Möglichkeit das doch irgendwie nutzen zu können?
Das liegt nicht an der Anwendung, sondern daran, dass Sie offenbar ein Unternehmenskonto haben. Damit ist das Nutzen von Anwendungen generell nicht möglich. Sie können aber jemanden, der ein Privatkonto hat, zum Admin machen und den die Anwendung installieren lassen. Oder Sie wandeln Ihr Unternehmenskonto durch Erstellen eines Profils in ein Privatkonto (z.B. für den Chef) um und machen das persönliche Profil dann unsichtbar.
Mehr dazu unter http://deblog.schwindt-pr.com/2010/03/18/fanseiten-privatkonto-profil-unsichtbar/
und http://deblog.schwindt-pr.com/2010/03/10/facebook-anwendungen-zu-fanseiten-hinzufuegen/
Hi, ich versuche die ganze Zeit, die Anwendung „zu meiner Seite hinzuzufügen“ aber es geht einfach nicht! Er zeigt mir die ganze Zeit an „keine Ergebnisse.“
Warum ist das so und wie kann ich die Anwendung zu meiner Seite hinzufügen ?
Danke fürs Feedback
Das hört sich danach an, dass Sie keine Seite haben. Diese Anwendung ist nur für Offizielle Seiten (Unternehmensseiten, ehemals Fanseiten genannt) nutzbar, nicht für Profile. http://deblog.schwindt-pr.com/2010/01/19/facebook-ein-profil-ist-nicht-dasselbe-wie-eine-seite/
Hallo! Ich habe genau das gleiche Problem („keine Ergebnisse“ wenn ich versuche „zu meiner Seite hinzuzufügen“ auszuwählen) – und ich habe ganz sicher eine Offizielle Seite angelegt. Die Seite ist öffentlich zugänglich und von einem anderen Profil aus kann ich sie auch mühelos sehen, als Seite.
Möchte ich aber von dem Profil, von dem aus ich sie erstellt habe (und das ist Privatprofil) diese Anwendung hinzufügen, dann bekomme ich eben diese Fehlermeldung. Ich bin ehrlich gesagt ziemlich ratlos.
Das geht gerade vielen so, siehe Punkt 5 in http://wp.me/pvvK6-FW
Vielen Dank für die Information!
Heut hat es funktioniert.
Hallo Frau Schwindt,
wissen Sie, ob es möglich ist, einen FBML-Reiter direkt zu verlinken? Ich würde gerne einen FBML-Reiter „zur Website“ nennen. Und wenn man darauf klickt, öffnet sich in einem neuen Fenster die Website.
Viele Grüße,
Andreas Bender
Nicht direkt, nur über einen Link innerhalb dieses Reiters. Aber warum braucht’s dafür überhaupt einen eigenen Reiter? Stellen Sie den Website-Link einfach ins „Über mich“-Feld unter dem Seitenfoto. Einfach mit http beginnen, dann verlinkt Facebook das automatisch.
Das habe ich bereits getan. Wäre aber einfach schöner, noch einen Reiter zu haben, über den man direkt weitergeleitet wird.
Danke!
ich suche eine applikation für die integration des twitter channels in einen extra facebook-reiter, den ich mittels static FBML angelegt habe bzw. auch, wie dann die integration erfolgen kann. hoffe, es kann mir da jemand helfen.
lieben dank, annett.
Ich denke nicht, dass es dafür eine Anwendung gibt. Sowas müsste man – wenn es überhaupt geht – selbst schreiben. Aber da sollten Sie sich an einen Entwickler wenden.
Involver bietet eine Application mit der man den Twitter Feed in die Fanpage integrieren kann:
http://www.involver.com/pages/gallery.html#_
@cutarina
danke für den link
hallo, dank deiner hilfe konnte ich bei facebook einen eigenen reiter erstellen, leider bin ich kein html profi und habe keine ahnung wie ich bilder oder den text so gestalten kann wie ich mir das vorstelle. gibt es eine andere möglichkeit?
vlg claudia
Nein, aber ich sorge bald für Abhilfe. Noch etwas Geduld bitte. Inzwischen kann ich nur dieses tutorial anbieten http://www.schwindt-pr.com/fbmltutorial.pdf
Danke! Genau das hab ich gesucht!
Das sieht ja nicht schlecht aus. Was mich persönlich aber noch interessiert: Ist es möglich hier einen RSS-Feed einzubinden, der sich in gewissen Intervallen aktualisiert?
Oder anders gefragt: So ein Feed lässt sich problemlos unter dem Reiter „Pinnwand“ einbinden. Was mache ich, wenn ich z.B. einen Reiter „Veranstaltungen“ mit einem RSS-Feed haben möchte? Oder bin ich da 2-3 Jahre zu früh?
Danke!
In Static FBML-Reiter kann man keinen Feed einfügen. Dazu braucht es eine selbstgeschriebene Anwendung. Wenn es nur darum geht, dass der Feed auf die Pinnwand posten soll, können Sie ihn z.B. mit NetworkedBlogs oder RSS GRaffiti in einen eigenen Reiter einbinden und ihm die Genehmigung zum Posten erteilen.
Mja, das mit RSS-Graffiti hab ich schon probiert. Allerdings bin ich zu doof den Feed in meinem eigenen Reiter zu posten. Er erscheint immer in dem Reiter „Wallpaper“, der allerdings nicht von mir ist.
Wo kann ich einstellen, dass der Feed in meinem Reiter „Veranstaltung“ auf meiner Main Page erscheint? Keine Fanseite, keine App-seite, nur meine Hauptseite.
Ok, ich muss meinen Eintrag revidieren. Eine Fan-page ist auch ok…es geht primär um die Benennung eines eigenen Tabs, in dem man die Feeds anzeigen kann. Das scheint doch komplizierter zu sein als ich dachte. ^^
Beides zusammen geht nur mit eigener Anwendung. http://www.deinweb.org kann Ihnen da weiterhelfen.
Ihr Kooperationspartner sieht ganz nett aus aber das übersteigt wohl meine Finanzen.
Dennoch Danke für alles! Ich werde mal in mich gehen und überlegen, was ich damit mache.
Hi, was mache ich falsch, wenn ich die Static FBML App nicht aufrufen kann? Jedes Mal werde ich zurück zur Startseite geleitet.
Dann haben Sie die Anwendung vermutlich geblockt. Schauen Sie mal in Konto > Privatsphäre-Einstellungen > Blockierliste.
Hi!
Wenn ich auf den Link: Static FBML klicke erhalte ich folgende Fehlermeldung: Fehler: Server nicht gefunden
Gruß Günter
Da fehlte ein buchstabe im Link – Danke für den hinweis. Ist jetzt behoben.
Danke für die Hilfreichen Tips beim Thema „Reiter erstellen“.
Ich habe auf meiner Fan-Page einen „Willkommen“ Reiter erstellt und wollte dort jetzt ein Foto platzieren, wie kann ich das machen? Außerdem wollte ich diesen Reiter so einstellen das neue Fans mit diesem Begrüßt werden!?
Ich danke ihnen schon mal im Vorraus und hoffe auf erneute Tips von ihnen.
Fotos werden wie immer über HTML eingebunden, siehe http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz
Als Startreiter können Sie ihn einstellen über Optionen/Einstellungen > Reiter, der allen anderen Nutzern standardmäßig angezeigt wird.
Hallo Frau Schwindt,
ein super Tutorial, vielen Dank!
Leider hab ich jedoch bis heute nicht geschafft, meinen eigenen Reiter als Startseite zu definieren. Trotz der guten
Anleitungen. Es ist kaum möglich etwas falsch zu machen, trotzdem funktioniert es nicht..stattdessen wird der oinnwand als erstes angezeigt. Ich vermute es muss an FB liegen, herzlichen Dank und viele Grüße
Bora76
Als Startseite definierte individuelle Reiter sieht nur der zuerst, der noch kein Fan ist oder nicht eingeloggt. Sollte es trotzdem nicht funktionieren, liegt es tatsächlich an einem Facebook-Fehler.
Hallo.
Super Seite! Hat mir schon seeeehr weiter geholfen.
Danke!
Bin im HTML nicht so bewandert und frage mich gerade wo ich denn ein Bild, das ich einbinden möchte, hinterlegen muss/kann, damit es angezeigt werden kann. Also das Bild muss ja irgendwo gespeichert sein, damit der Code drauf zugreifen kann, oder?
Richtig. Das kann FlickR oder imageshack sein, oder am einfachsten auf dem eigenen Webspace
Dank dir für die Antwort.
Wenn ich jetzt beispielsweise bei FlickR ein Bild hochlade, dann kann dort doch auch jeder drauf zugreifen, oder? Und bei Facebook gebe ich dann die Adresse an, die in meinem Browser als url steht oder wie? Und wenn ich das Bild auf dem eigenen Webspace hochstelle, kann ich es dann dort einfach in einem Ordner ablegen oder wie funktioniert das?
Aber noch mal für Dummys
Wahrscheinlich ist das hier jedem anderen klar, aber ich versuche mich da zum ersten Mal reinzufuchsen. Also bitte nicht wundern.
Wenn Sie ein Bild bei FlickR hochladen, liefert flickR einen Link zu diesem Bild. Den geben Sie im img-Element in Ihrem html-Code innerhalb des Static-FBML-Reiters ein.