Einfaches FBML Tutorial

DockIn diesem Tutorial wird Schritt-für-Schritt erklärt, wie man dem Pinnwandreiter der eigenen Page eine kleine Fan-Box hinzufügen, ähnlich der hier abgebildeten.

  1. Die Anwendung “Static FBML” zur eigenen Seite hinzufügen.
  2. Die eigene “Seite bearbeiten” (Link unter dem Seitenlogo).
  3. Auf den Stift hinter Static FBML klicken und “bearbeiten” auswählen
  4. Im oberen Eingabefeld den Namen für die Box vergeben, im unteren HTML und/oder FBML Code eingeben.
  5. Nachdem Sie de Änderungen gespeichert haben, können sie diese auf dem Reiter “Felder” ihrer Page betrachten.
  6. Von dort können Sie die Box auch auf ihre Pinnwandseite verschieben (Klick auf den Stift in der Box)
  7. Sie können die Box auch als eigenen Reiter ihrer Page hinzufügen, sowie diesen Reiter als Startseite definieren.

In unserer Fanbox verwenden wir neben HTML zur Ausgabe der Links auch folgenden FBML Codeschnipsel:

<fb:visible-to-connection> Du bist ein Fan von facebookmarketing.de! Danke! </fb:visible-to-connection>

Text innerhalb dieses Codeblocks wird nur Fans der Seite angezeigt. Eine ausführliche FBML Dokumentation findet sich im Facebook Entwickler Wiki.

Über den Autor:

Phlow-Autor Jens Wiese

Jens Wiese: Jens hat Online Medien (B.Sc.) und Digitale Medien (M.Sc.) an der Hochschule Furtwangen studiert. Jens berät als Freelancer große internationale Unternehmen, die auf Facebook aktiv sind, entwickelt neue Applikationen, organisiert Workshops und entwirft individuell passende Strategien. Zudem ist er als Lehrbeautragter tätig. Mehr...

Kommentare

23 Antworten zu “Einfaches FBML Tutorial”

  1. facebookmarketing.de | Die eigenen Fans zielgruppengenau ansprechen says:

    [...] Dies setzt allerdings etwas vorraus das die Nutzer das eigene Public Profile regelmäßig besuchen. Hier findet ihr ein einfaches FBML Tutorial in dem ein Network Tag genutzt wird. AKPC_IDS += "926,";Subscribe to the comments for this post?Tweet This!Share this on FacebookAdd [...]

  2. Barbara M. says:

    “Von dort können Sie die Box auch auf ihre Pinnwandseite verschieben (Klick auf den Stift in der Box)”
    Ich habe unter “Felder” in keiner Box einen Stift :( ( wieso? Was muss ich tun um etwas in die Sidebar auf der pinnwand zu kriegen? Bitte um Hilfe.

    LG
    Barbara

  3. facebookmarketing.de | 10 Videotutorials zum Erstellen von Facebook Pages für Unternehmen says:

    [...] Boxes sind die einfachste Möglichkeit zusätzliche Informationen auf die Page zu bringen. Wir haben auch schonmal ein einfaches FBML Tutorial veröffentlicht. Im Video werden die Basics kurz [...]

  4. Cardan says:

    Sind weitere Felder nicht möglich? Ein Feld erstellen, klappt dank der anschaulichen Erklärung sehr gut. Aber das zweite will nur “Felder” heißen und lässt sich nicht umbennen!

  5. Monitoring in Facebook – Welche Daten können Entwickler auswerten? » Facebook, Fanseite, Hersteller, Zugriff, Extended, Permissions, Media, Dafür, Status-Updates, Gruppen » Online Affairs says:

    [...] noch so viele Möglichkeiten, sie für Nutzer angenehm und interessant zu gestalten (bspw. via FBML), so lässt das Monitoring doch sehr zu wünschen übrig. Und gerade die Auswertungen [...]

  6. GMUND says:

    Hallo,
    ich habe das tutorial befolgt und war auch erfolgreich…
    nun steh ich vor einem neien problem: wie kann ich nun auf der seite meines neu eingefügten tabs boxen erstellen, bzw. grüdsätzlich diese seite beschreiben?
    bitte um hilfe!

  7. NJe says:

    Ich kann leider nicht die Anwendung hinzufügen – der Button FBML taucht bei mir garnicht erst auf

  8. Axel says:

    Hallo, ich habe ein Problem, und zwar kann ich zwar über das Anwendungsverzeichnis die Anwendung Static FBML finden; wenn ich aber auf die Anwendung klicke, werde ich automatisch zu meiner Startseite weitergeleitet. Die Anwendung kann ich dadurch natürlich nicht zu meiner Seite hinzufügen. Was kann es damit auf sich haben? Würde mich sehr über Hilfe freuen.

  9. Ben-Inside says:

    Hi, was mache ich falsch, wenn ich die Static FBML App nicht aufrufen kann? Jedes Mal werde ich zurück zur Startseite geleitet.

  10. Jens Wiese says:

    Hast du vielleicht ein Firmenprofil genutzt? Die können keine Apps aufrufen.

  11. Ben-Inside says:

    Inzwischen hat sich das Problem gelöst. Keine Ahnung wie, aber die App war in der Blocked-List.

  12. Facebook: 50 Tipps für Unternehmen – Einstieg, Gestaltung, Kommunikation | SMO14 - Digitale Markenführung says:

    [...] 16) FBML nutzen: Die Facebook Markup Language erleichtert die individuelle und attraktive Gestaltung Ihrer Seite. Als sinnvoll hat sich vor allem die Installation einer Fanbox erwiesen. Ein deutschsprachiges Tutorial hierzu finden Sie auf facebookmarketing.de. [...]

  13. Bernhard says:

    Hallo, mich würde interessieren ob es möglich ist einen FBML Reiter während des Anlegens und Bearbeitens zuerst einmal zu verstecken.

  14. Lima says:

    Tach,

    mit welchen Programm erstellt Ihr Eure FBML Seiten? Was könnt Ihr empfehlen?

    Danke für eine Info!

  15. Daniel Goihl says:

    Ich betreue mehrere Seiten. Dazu brauche ich mehrere Static FBML -Anwendungen pro Seite. Für Seiten, die ich bereits eine hinzugefügt hatte, kann ich keine weitere mehr hinzufügen. Woran liegt das? Ich kann nicht viel dazu finden und bin dringend angewiesen…

    vielen Dank!

  16. Bernhard says:

    @Lima: Wenn du HTML kannst nimmst du am besten einen ganz normalen Editor – zur Not geht auch der Windows Editor.

    @Daniel Goihl: Wenn du in FBML bearbeiten Ansicht bist müsste unten ein Link “Weiteres FBML Feld hinzufügen stehen”.

  17. Daniel Goihl says:

    @Bernhard: Wow, danke! DANKE! Auch Leute anderer Agenturen standen die letzten Tage auf dem Schlauch und haben es nicht verstanden, und das ganze Wochenende saß ich dran, weil es nicht funktionierte..

    Dank für die schnelle und vor allem hilfreiche Antwort!

    Daniel

  18. Lima says:

    @Bernhard:
    Danke für die Info! Leider kein HTML und ich habe einen Mac Rechner. Ich komme gut mit Grafikprogrammen klar, habe auch eine alte Version Dreamweaver. Was wären die “Grundeinstellung”? HTML (….?!..) Frame Breite?

    Oder habe ich einen Thread hier übersehen?

  19. Bernhard says:

    @Lima: Dreamweaver ist schonmal gut. Musst dann nur den erstellten Quelltext in das FBML Feld kopieren, aber du musst darauf achten das du wirklich nur den Bereich innerhalb des Body Tags kopierst. Max. Breite liegt bei 520px.

  20. philipp says:

    wie deklariere ich meine neue seite zur startseite? diesen stift, inkl box kann ich leider nicht finden

  21. Martin says:

    hallo,

    danke für die gute anleitung!

    ich habe da noch eine frage:

    und zwar habe ich mit dem Static FBML einen neuen Reiter erstellt. Jetzt habe ich eine kleine Facebook-App geschrieben und will diese im neuen Reiter aufrufen/ausgeben – ist das möglich – wenn ja was muß ich da machen oder wie rufe ich die innerhalb des FBMLs auf?

    danke martin

  22. ole g. says:

    hallo,
    ich habe eine etwas tiefer gehende frage..
    und zwar habe ich per fbml einen feiter erstellt, der mit anderen fbml-reitern verlinkt ist.. also quasi einen “home”-reiter, vom dem man auf andere und wieder zurück kommt.. jetzt wollte ich die anderen fbml-reiter in der liste verschwinden lassen, um sie nur über den Homereiter erreichbar zu machen, nur dadurch werden sie immer deaktiviert.. gibt es da eine möglichkeit / ist es verständlich, was ich meine? ^^
    lg ole

  23. ili says:

    Ich bin verzweifelt…Ich kann die Anwendung nicht aufrufen. Was mach ich falsch?…ich verwende mein privates Profil und es funktioniert trotzdem nicht

WebMediaBrands
Mediabistro | All Creative World | Inside Network
Jobs | Education | Research | Events | News
Advertise | Terms of Use | Privacy Policy
Copyright 2011 WebMediaBrands Inc. All rights reserved.