Facebook iframe-Tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen – UPDATED

UPDATE 11.12.2011: Facebook hat das Prozedere für das Hinzufügen der App zur Seite geändert (siehe unten)!

Dieses Tutorial kann kostenlos als pdf-Datei heruntergeladen werden
und ist auch auf scribd verfügbar.

Mit der Umstellung auf das neue Fanseiten-Layout, das Anfang März 2011 für alle eingeführt wird, hat Facebook nun auch das Erstellen von sogenannten iframe-Tabs als individuelle Gestaltungsmöglichkeit von Fanseiten eingeführt. Reiter, die mit Static FBML erstellt wurden, sollen zunächst weiter angezeigt werden. Da die neuen Reiter aber viel umfangreicher gestaltet werden können, sollte man das auch nutzen und bald umstellen.

Dazu nötig sind:

  • externer Webspace (z.B. dort, wo Ihre reguläre Website auch liegt) inklusive Variante mit sicherer Verbindung (https)!!!
  • ein verifiziertes Privatkonto auf Facebook, mit dem Sie auch Admin der Fanseite sind, zu der die individuellen Inhalte hinzugefügt werden sollen
  • HTML- und CSS-Kenntnisse (oder ein Webdesigner, der diesen Teil für Sie übernimmt)

Dieses Tutorial zeigt Ihnen, wie Sie die individuellen Inhalte vorbereiten müssen, die in die Fanseite eingebunden werden sollen, und wie dieses Einbinden dann funktioniert.

Inhalte vorbereiten

Die Inhalte eines iframe-Tabs können Sie wie normale Websites designen und (wie auch sonst im Webdesign) ausgehend von einer index.html konzipieren. Für die CSS-Datei des iframe-Tabs können Sie die CSS-Datei Ihrer Website kopieren und entsprechend anpassen.

Für Fanseiten-Reiter gilt eine maximale Breite von 810px. Da für iframe-Tab aber auch noch eine maximale Höhe von 800px hinzukommt, sollten Sie vorsichtshalber nochmal 10px von der max. Breite abziehen, damit der vertikale Scrollbalken, der beim Überschreiten der max. Höhe erscheint, nicht noch zu einem weiteren horizontalen Scrollbalken führt. Legen wir also 800px Breite und max. 800px Höhe für den body fest.

WICHTIG: Links, die aus dem Reiter hinaus auf externe Webseiten führen sollen, müssen mit target=“blank“ versehen werden, weil Facebook sonst versucht auch diese (nicht für die Ansicht in Facebook optimierten Seiten) im Reiter darzustellen.

Von dieser Startseite ausgehend können Sie weitere Unterseiten ganz normal über ein Menü oder Textlinks untereinander verlinken. Solange Sie sich an die genannte Größe halten und folgende weiteren Regeln beachten, werden diese Seiten nachher im Tab selbst navigierbar angezeigt:

Der im Video gezeigte Tab hat z.B. folgende Struktur:

  • Home (index.html)
  • Grundsätze (grundsaetze.html)
  • Publikationen (publikation.html)
  • Kontakt (kontakt.html)
  • Impressum (Link zum Impressum der regulären Website ist ein MUSS und wird daher mit target=“blank“ eingebunden!)

Die html-Dateien sowie die dazugehörige CSS-Datei liegen alle im selben Unterordner meiner Website bereit. Diese für die Facebook-Ansich optimierte Miniwebsite muss nun über eine im Folgenden zu erstellende Facebook-Anwendung auf der Fanseite anzeigbar gemacht werden:

Erstellen einer Facebook-Anwendung

  1. Legen Sie auf Ihrem Webserver einen eigenen Ordner an und kopieren Sie die Dateien für den Tab (.css und .html) in diesen Ordner.
  2. Die neu erstellte index.html für den neuen Tab ist also zu finden unter
    http://meinewebseite.de/meinordner/index.html
  3. Öffnen Sie in einem neuen Browser-Tab die Developer-Seite von Facebook
    http://www.facebook.com/developers/
  4. Klicken Sie rechts oben auf den Button + Create new app
  5. Geben Sie Ihrer Anwendung einen Namen (kann man jederzeit wieder ändern und ist nach außen nicht sichtbar) und stimmen Sie den Allgemeinen Geschäftsbedingungen von Facebook zu:
  6.  Klicken Sie auf Weiter.
  7. Danach werden Sie gebeten einen Sicherheits-Code einzugeben.
  8. Nun werden Sie aufgefordert, einen Namen für Ihre Anwendung einzugeben (wird später nicht Name des Reiters) und eine Kontakt-Emailadresse sowie die Anwendungsdomain (facebook.com eintragen):
  9. Ganz oben können Sie außerdem ein Icon für Ihren Reiter hochladen:
    Weitere Anweisungen finden Sie dann im neuen Fenster:
    Es sollte – wie ein normales Favicon –  16x16px groß sein, allerdings JPG-, GIF- oder PNG-Format haben und nicht größer als 5MB sein. Außerdem versichern Sie mit dem Hochladen, dass Sie die Rechte an diesem Bild besitzen.
  10. Jetzt geben Sie weitere Details zu Ihrer neuen Anwendung ein:

    • Website > Adresse der Webseite: http://facebook.com/
    • Seitenreiter > Page Tab Name:  späterer Name des Reiters
    • Page Tab URL: wo befindet sich die Startseite Ihrer extern bereitgestelten Reiter-Inhalte?
    • Secure Page Tab URL: wo befindet sich die sichere Startseite (https) Ihrer extern bereitgestellten Reiter-Inhalte?

    ÄNDERUNGEN SPEICHERN!

Ihre Anwendung zu Ihrer Fanseite hinzufügen (s.pdf-Download ganz oben)

  1. Modifizieren Sie den folgenden Link mit Ihren Parametern:   https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=http://www.facebook.com/
    • YOUR_APP_ID = Ihre App-ID (finden Sie ganz oben auf Ihrer Anwendungsseite, siehe Grafik bei Punkt 8)

    Beispiel:
    https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID_HERE&display=popup&next=http://www.facebook.com/

     

  2. Geben Sie dann diesen modifizierten Link ins Adressfeld Ihres Browsers ein und öffnen Sie ihn. Daraufhin erscheint so ein Dialog:
    • Über Choose Facebook Pages können Sie die gewünschte Facebook-Seite auswählen, zu der der neue reiter hinzugefügt werden soll.
    • Über Add Page Tab fügen Sie den Reiter zu Ihrer Fanseite hinzu.
  3. Wechseln Sie zu Ihrer Fanseite. Dort sollte Ihre Anwendung jetzt als Menüpunkt erscheinen:
    Screenshot Fanseiten-MenüIm Reiter dazu kann man dann die einzelnen Unterseiten direkt im Reiter aufrufen:

    screenshot iframetab schwindt-pr
    Bild anklicken, um Original-Tab zu sehen
Annette Schwindt
hat sich inzwischen als Erklärbär und als "schwindt-pr" verabschiedet. Bloggt jetzt mit neuem Schwerpunkt "Menschen und Gespräche" unter annetteschwindt.de.

505 Kommentare

  1. Hallo Frau Schwindt
    Erst einmal vielen Dank für das ausführliche Tut.
    Ich habe eine Frage bezgl. der Einbindung einer solchen Seite in eine bereits bestehende Fanpage.
    Nun bin ich ihren Schritten gefolgt, kann auch alles nachvollziehen, doch am Ende musste ich feststellen, dass dies ja für neue Fanpages gilt, wie aber binde ich das in eine bereits bestehende ein – diesen Punkt finde ich nicht. Übersehe ich etwas?

  2. Guten Tag,
    die Erläuterung war wirklich sehr detailliert und interessant. Ich habe nun für mein Unternehmen eine Anwendung erstellt und wollte diese dem Anwendungsverzeichnis von Facebook hinzufügen. Jedoch wird mir gesagt, ich brauche mindestens 5 Nutzer. Wenn jedoch Fans (zum Test Leute aus meinem Bekanntenkreis) die Anwendung einbinden, ändert sich nichts in unserer Statistik. Somit ist kein Submit möglich! Haben sie eine Idee wie dieses Problem zu lösen ist. Danke im voraus und freundliche Grüße, jacob S.

    1. Meine Anleitung bezieht sich auf individuelle Reiter für Fanseiten, nicht auf apps, die auch von Dritten hinzugefügt werden sollen. Ich bin kein App-Entwickler und kann daher nichts dazu sagen. Für die von mir beschriebene Art von iframeTab ist das Hinzufügen zum Anwendungsverzeichnis von Facebook nicht sinnvoll.

  3. Hallo Frau Schwindt,
    obwohl ich bei der Erstellung meines Reiters dem meines Erachtens sehr ausführlichen und hilfreichen Tut Schritt für Schritt gefolgt bin wird dieser noch nicht angezeigt( nur Error 505 oder nichts). Dies kann eigentlich nur noch an drei Punkten liegen:
    1. unter URL des Reiters wird von Facebook nichts mehr fest vorgegeben wie in ihrer Grafik (http://schwindtprde.files.wordpress.com/2011/03/iframe2.jpg) http://www.apps.facebook.com/spreins/ ich habe deshalb den Link aus ihrer grafik übernommen und „spreins“ durch den Namen der fanpage ersetzt.
    2. Ich habe keine https URL allerdings wird bei Facebook die Möglichkeit gegeben wenn man auf den Reiter klickt mit http Verbindung Fortzufahren deshalb müsste der Reiter ja dann richtig angezeigt werden sofern alles andere Stimmt.
    3. Ich integriere genau wie sie nur eine html Datei. Unter Meine Anwendungen wird jedoch ganz unten folgendes angezeigt:
    „Leg sofort mit Beispielcode los!“ Was offensichtlich eine php Datei generiert. Ist das Pflicht?

    Vielen Dank im Voraus!
    Mit freundichen Grüßen Chris

    1. Seit Veröffentlichung des Tutorials hat isch hier nochmal einiges getan. So wird ab Oktober z.B. die https-Variante Pflicht! Wenn Sie es isch einfacher machen ollen, nutzen Sie stattdessen eine Drittanwendung, z.B. iframeWrapper.

  4. Hallo Frau Schwindt,
    ich programmiere in mehreren Programmiersprachen, bin also nicht ganz so blöd – aber ohne Ihre Anleitung hätte ich viele Stunden länger gebraucht, um eine Fan-Seite umzusetzen.

    An dieser Stelle: Vielen Dank!

    Sie haben sich mit Ihren Blog in meinen Bookmarks verewigt.

    Mit den besten Grüßen

    Daniel San

  5. Hallo Frau Schwindt,
    kennen Sie ein gutes deutschen Forum für Facebook-Entwickler?
    Ich habe mit dem PHP-SDK eine iFrame-App entwickelt. Bei allen Aktionen zu Facebook, wird leider jedes Mal eine Seite mit dem FB-Logo und dem Link „Gehe zu Faceook“ angezeigt. Erst wenn dieser Link angeklickt wird, werden die entsprechenden Facebook-Aktionen ausgeführt. Ich habe leider noch nicht herausgefunden, wie ich diesen Step überspringen kann.

    Viele Grüße
    H.Mania

  6. Hallo ,

    erstmal toller Blog und total gut nachvollziehbar. Vielleicht kann man die eine oder andere Sache die bei der praktischen Umsetzung auffällt im Blog noch mit verarbeiten.

    Ich bin Deine Anleitung gefolgt. Beim Test fragt mich Facebook nach der „Please Update Your Secure Tab URL“. Was soll da eingetragen werden wenn man in seiner Root kein „https“ – verzeichnis eingerichtet hat?

    Herzlich
    Mario aus Hamburg

    1. Das wurde seit dem Erstellen des Tutorials geändert und ab Oktober wird https Pflicht. Sie können das Problem lösen, indem Sie statt eigener Anwendung z.B. iframeWrapper (CMS-Version) nutzen. Da ist https inklusive.

  7. Hallo an Alle,
    ich bin zwar schon etwas länger bei Facebook, aber will jetzt zum ersten Mal eine Anwendung machen. Ich kenne mich soweit auch mit HTML aus und weiß, wie man das programmiert. Jetzt möchte ich eine App erstellen, die auf meiner Fanseite ist. Ich habe allerdings nicht die Möglichkeit eine externe Seite zu erstellen, auf die ich dann meine App verlinke. Ich habe auch schon Erfahrungen mit den alten FBML Seiten, die ich für „Anfänger“ eigentlich sehr nützlich fand. Meine App soll nichts großes werden, sondern nur Inhalte anzeigen, wie es früher mit den FBML Seiten geklappt hat. Ist dies noch irgendwie möglich ohne eine externe Seite zu haben? Ich hoffe, Sie verstehen, was ich meine. Es ist leider recht schwierig zu erklären.
    Liebe Grüße
    Janine

      1. Vielen Dank!
        Wenn nur mehr Menschen so schnell und kompetent antworten würden, wäre vieles einfacher.
        Danke!

  8. Liebe Frau Schwindt, ich habe ein Problem mit einer Facebook-Seite, die ich betreue: Und zwar gibt es auf dieser Seite nicht die Option, den Standard-Reiter auszuwählen. Ich weiß nicht, ob ich vielleicht aus Versehen, irgendwo eine Änderung vorgenommen habe, die das verursacht hat. Bei meinen beiden anderen Seiten ist die Option verfügbar… Haben Sie eine Idee, was ich machen muss, damit die Option wieder auftaucht?
    Vielen Dank schon einmal im Voraus und viele Grüße,
    Nina

    1. steht ganz oben „Freund/In werden“ oder „Gefällt mir“.
      Bei eigentlich persönlichen Seiten gibt es keine Möglichkeit einen Standard Reiter zu definieren. Bei Künstler glaube ich auch nicht, bei echten Pages hingegen schon.

      Wenn es eine sehr alte Fanseite ist, ist es vielleicht noch eine Gruppe und noch gar keine eigentliche Page?

      1. Also, es ist schon eine (Unternehmens-)Seite und kein persönliches Profil oder eine Gruppe. Im Vergleich zu meinen anderen Seiten ist diese Funktion auch die Einzige, die fehlt. Ärgerlich, weil ich sie gerade hier brauchen würde…

  9. Hallo,

    sehr schöber Artikel. Ich habe festgestellt, dass man das in FBML programmierte leider nicht so ohne weiteres in iFrames übernehmen kann. Ich hatte auf meinem FBML-Reiter ein Video. Wenn man auf den Reiter ging sah man eine Grafik mit Schaltfläche, hat man da drauf geklickt, dann wurde in der Größe der Schaltfläche ein Video abgespielt. Nun habe ich diesen Quellcode in meinen iFrames Reiter kopiert und leider erscheint das Bild mit der Schaltfläche nicht, sondern nur des Video … Vielleicht haben Sie eine Idee, was ich falsch mach? Vielen lieben Dank!

      1. Aber wie funktioniert das, dass man erst ein Bild (quasi als Startbild) sieht, auf das man klickt um den Film zu starten. Das hat vorher in FBML einfach so funktioniert …

          1. 🙂
            Ja, brauchen brauche ich es nicht, aber ich möchte es doch so gerne!

            🙂

  10. Hallo Frau Schwindt,

    ich habe anscheinend das gleiche Problem wie Patrick Werner am 16.03.
    Ich sehe nur die erste Seite (Willkommen). Weitere Tabs sind nicht eingeblendet. Ihre Anleitung ist super aber entspricht nicht genau dem, was ich in Facebook vorgefunden habe. Anscheinend gab es nach Erstellung Ihrer Anleitung noch Veränderungen in diesem Bereich.
    Haben Sie eine Idee, was ich anders einstellen muss?
    Ich habe hier schon viele Kommentare gelesen aber nicht gefunden, wo ich etwas umstellen muss.

    Es wäre super, wenn Sie mir da einen Tipp geben könnten.
    Dankeschön!

    1. Wie Sie am Datum des Blogposts sehen, ist das ja auch schon vier Monate alt. Bei Facebook ändert sich ständig etwas, so schnell kann ich gar nicht updaten. Und wo genau Ihr Problem begründet liegt, kann ich von außen nicht sehen.

  11. Hallo Frau Schwindt,
    Sie können meinen Kommentar löschen, wenn Sie wollen.
    Wir haben die Lösung gefunden. Wir dachten, dass Facebook die Tabansicht generieren würde, was sich als Irrtum herausgestellt hat.
    Das Menü muss man sich ja selbst vorab basteln. 😉

  12. Hallo Frau Schwindt
    Erst mal herzlichen Dank für das Tutorial. Es hat bei der ersten Seite prima geklappt. Ich habe bereits für eine zweite Facebook-Page nun auch eine landingpage einrichten wollen und habe nun das Problem, dass ich die Anwendung zwar zugewiesen habe, diese aber bei der Facebook-Page nicht erscheint. Ich habe die Anwendung testweise einer anderen Fan-Page zugewiesen und dort klappt es prima. Gehe ich nun bei der Fan-Page, bei der es eben nicht klappt, auf „Seite bearbeiten“ > „Anwendungen“, dann erscheinen dort überhaupt keine Anwendungen, also nur ein grauer leerer Bereich, was auch seltsam ist.
    Haben Sie eine Idee woran das liegen könnte?

  13. Hallo Frau Schwindt,

    auch von mir herzlichen Dank für dieses Tutorial. Passt alles, auch wenn einiges mittlerweile anders aussieht – man findet sich trotzdem durch!

    Liebe Grüße aus Stuttgart,
    Anja Windmüller

  14. ich bin sehr vorsichtig, was die weitergabe meiner daten angeht und habe daher keine apps auf meinem profil. daher meine fragen zu ihrem tutorial:

    1. ich teile gar keine daten mit allen. wie muß ich dann die genehmigungsformulierung „Auf meine allgemeinen Daten zugreifen.
    Dazu zählen Name, Profilbild, Geschlecht, Netzwerke, Nutzerkennnummer, Freundesliste und alle anderen Informationen, die ich mit „Allen“ teile..“ verstehen? wird trotzdem auf die aufgezählten infos zugegriffen?

    2. gibt es keine alternative zu dem oben genannten als welcome-button/-tab/-seite, für die man weder bezahlen noch diese genehmigung erteilen muß?

    3. sehen Sie in dieser app weniger problematiken hinsichtlich der datenweitergabe als bei spiele-apps?

    vielen dank schon mal!
    christina

  15. ich habe bereits gesucht, aber leider keinen blogpost gefunden, der dem thema näher stand. die willkommensseite wird oft als ein wichtiger bestandteil für berufsseiten genannt und hat sich ja durch die umstellung hinsichtlich static fbml sehr geändert; vielleicht haben Sie ja einen link zu dem thema für mich? ich würde mich freuen!

      1. Wenn ich Ihr Posting richtig verstehe, heißt das, daß ich mir mit iFrame am besten eine eigene App mache, die ich dann als Startseite auswählen kann? Sollte das Ihre Empfehlung sein, dann wäre meine Frage damit beantwortet. Sollten Sie bestehende Start-apps kennen, die Sie empfehlen können (keine Kosten, kein „Genehmigungszwang“) dann freue ich mich über Hinweise! (Ich schrecke bisher noch vor dem Aufwand, der oben beschrieben ist zurück, zumal ich nichts aufwändiges brauche außer einer Seite, die ich „willkommen“ nennen kann und die ein großes Bild enthält (520 x 600-800 px) und die man früher so leicht hinzufügen bzw. einrichten konnte ohne externen Webspace und html- oder css-Kenntnisse)

            1. ich habe mir beide angesehen und festgestellt, daß beide die genehmigung erfordern, auf daten meines privatprofils zurück zu greifen. schade. aber vielleicht geht es ja gar nicht anders, wenn man so eine bestehende app nutzen will…

  16. Ich habe vor meine Page (http://s315379383.online.de/meintestkunde/html/studiguide.html) in eine Facebook-Fanseite zu integrieren und habe Ihre Schritte mehrmals befolgt. Doch kann die Seite in der fertiggestellten Facebook-App selbst nicht geladen werden. Stattdessen wird eine 1und1 Fehlermeldung „Error 404: Not found!“ angezeigt. Ich glaube, dass die Links einfach falsch gesetzt worden sind, kann aber nicht erkennen wo der Fehler liegt. Für jede Hilfe wäre ich dankbar:)

  17. Schönen guten Abend Frau Schwindt

    Ich bin über Ihr tolles Tutorial gestolpert. und finde Ihre Erklärungen einfach super!
    Ich habe ein App welches ich in Facebook einbringen wollte.

    auf meinem Server läuft es gut..http://www.klick-pic.com/
    bei Facebook : http://apps.facebook.com/zitat-des-tages/
    nach vielem Klicken kommt man dann mal auf die seite!
    (wenn man neben: gefällt mir, kommentieren geht, steht dort Zitat des Tages.)
    ABER wenn man auf´s eigentliche große bild und Text geht….kommt man einfach nicht auf… klick-pic.com/
    bin am grübeln…
    wäre sehr schön, wenn Sie wüßten wo ich den Fehler drin hab?

  18. Hallo Frau Schwindt,

    tolles Tutorial, hat alles so funktioniert wie beschrieben, aber wo bringe ich da Target= „blank“ unter? soll eine impressumseite werden…

    LG

  19. Sehr geehrte Frau Schwindt, so habe ich es bisher immer gemacht und es hat prima geklappt. Nun versuche ich es erneut und bei Zu meiner Seite hinzufügen erhalte ich einee Liste mit allen Seiten und Anwendungen, die ich geschrieben und für die ich admin bin. NUR DIE EIGENE SEITE IST NICHT DABEI.
    Haben Sie eine Idee, woran es liegen könnte ?

  20. Hallo Frau Schwindt,
    wenn ich den Link http://www.facebook.com/developers/ aufrufe und mich angemeldet habe, erscheinen die Bearbeitungsmasken alle in englischer Sprache, auch der Maskenaufbau ist anders, als in Ihrer Anleitung dargestellt. Gab es eine Veränderung bei Facebook nach dem erscheinen Ihres Tutorial?

    Über eine kleine hilfreiche Antwort würde ich mich sehr freuen.

    LG Ralf Arndt

      1. Herzlichen Dank für die schnelle RE!
        Gibt es dazu schon neue Informationen? Bei Google kann ich nichts dazu finden ;(

  21. Hallo,
    ich habe folgendes Problem.

    Ich habe ein App erstellt, die als Gewinnspiel dienen soll. Fans klicken auf der Fanseite den Reiter „Gewinnspiel“ (also die App) und können dann durch Klick auf einen Button eine Statusmeldung posten, in der sie erklären, warum gerade sie der Gewinner sein sollten. Ihre Daten werden dann automatisch in einer Datenbank gespeichert.

    Die App (besteht aus einem Bild und einem Button) soll direkt in die Fanseite eingebunden werden, also direkt neben dem Fanseiten-Banner angezeigt werden. Mein Problem: Manchmal funktioniert’s und manchmal nicht – das heißt die App öffnet sich in einem eigenen Fenster. Dazu kommt, dass die Ladezeiten extrem verschieden sind. Manchmal erscheint das Bild sofort, manchmal dauert es rund 20 – 30 Sekunden.

    Woran kann das liegen? Ich kann bei Bedarf auch noch den Code posten.

    Vielen Dank schon im Voraus.

    Liebe Grüße

      1. Danke!

        Ich suche schon seit Wochen nach Foren, in denen mir diese Frage beantwortet werden kann.
        Leider finde ich keines und auch das offizielle Facebook-Forum kann ich nicht nutzen. Es wird mir kein Passwort zugeschickt und auch auf meine E-Mail an das Team, hat keiner geantwortet.

        facebookbiz.de habe ich mir angesehen, leider finde ich aber auch hier keine Lösungen bzw. auch keine Möglichkeit, meine Frage zu stellen.

        Liebe Grüße

  22. Hallo, Frau Annette Schwindt!
    Mit großen Interesse lese ich immer wieder auf Ihrer Homepage. Ich habe mir auch schon Ihr Buch gekauft, hab aber leider immer noch kleinere Probleme mit Facebook, bzw. mit den Einstellungen darin.
    Hätte gerne meine Hauptseite auf: http://www.facebook.com/schatzberghaus
    aber ich glaube, dass ich hier etwas falsch gemacht habe …
    Können Sie mir vielleicht einen kleinen Tipp geben? Bin unter Schatzberg-Haus gut zu finden …
    Danke.
    LG aus Tirol
    Simon

  23. Hallo Frau Schwindt,

    ich habe hierzu eine Frage! Und zwar habe ich mit einigen Kollegen vor kurzem ein Social Game auf Facebook veröffentlicht. Mit der Veröffentlichung dieser Anwendung wurde zugleich eine Facebook-Anwendungs-Fanseite miterstellt. Wenn ich nun auf Facebook nach dieser Fanseite suche, dann erscheint lediglich die Anwendung. Wissen Sie womöglich, wie man in der Facebook-Suche direkt zur Anwendungs-Fanseite weitergeleitet wird und nicht direkt zur Anwendung? Muss ich womöglich Änderungen unter https://developers.facebook.com/apps vornehmen?

    Es wäre großartig wenn sie uns hier weiterhelfen könnten!

    Vielen lieben Dank und Beste Grüße,
    Robert

  24. Hallo Frau Schwindt, vielen Dank für das tolle Tutorial, leider ist es nicht mehr praktikabel. Wie in den Kommentaren vor mit hat sich einiges geändert. Vielleicht wäre es möglich in 5 Zeilen kurz zusammenzuschreiben wie man die Fanpage Reiter jetzt gestatet. Immerhin sind Sie erstes google Ergebnis für entsprechnde Suchanfragen und leider sind wir Gelegenheits – Facebook Fanpage Arbeiter ohne entsprechende Hilfe sehr aufgeschmissen. Ich weiss das Ihr Blog freiwilig ist, aber vielleicht wissen Sie ja von einem neuen Tutorial das Sie verlinken können. Wäre auf jeden Fall super…

    1. So perfekt! Vielen vielen lieben Dank! Jetzt können wir ungebrandete Inhalte erstellen!

  25. Vielen Danke für das hilfreiche Tutorial und das schnelle Update.
    Ich habe noch 2 Fragen: die genannte Breite von 510px habe ich angegeben, leider erhielt ich dadurch einen horizontalen Scrollbalken innerhalb innerhalb des Tabs, erst bei Änderung auf 480px war der Balken verschwunden. Hat Facebook hier ebenfalls umgestellt?
    Ebenso funktioniert das Script bzgl. der 800px Höhe leider nicht. Ich bekomme den vertikalen Scrollbalken dennoch. Egal ob ich in den App Settings unter „Advanced“ – „Canvas Height:“ – „Settable (Default: 800px)“ oder „Fluid“ angebe. Gibt es hier auch Neuerungen?

  26. Hallo Frau Schwindt, vielen Dank für dieses tolle Tutorial, welche Einsteigern die Sache sehr erleichtert !

  27. Hallo Frau Schwindt,
    kann ich auf meiner Facebook Seite den Pinnwand Reiter löschen oder verbergen?
    Kann ich außerdem die Reihenfolge der Reiter verändern?

    Viele Güße und Merci

    1. Nein, die Pinnwand ist essentieller Bestandteil des Profils/der Seite. Die Reihenfolge der Reiter außer Pinnwand und Info (und ggf. Aktivitäten von Freunden) auf Seiten (!) kann bearbeitet werden.

    2. Kurze Zwischenfrage:

      Wozu sollte man eine FB-Seite wollen, wenn man die Pinnwand ausblenden möchte? Die Pinnwand ist doch der Grund, wieso man sich eine FB-Seite anlegt, oder verstehe ich da was falsch?

  28. Hallo,
    ich habe auf meiner FB Unternehmensseite einige Fans, 2 ganz besonders, die ich nicht als Fan haben will. Gegen einen war ich schon vor Gericht (nicht wegen FB) und einer postet die ganze Zeit Spam.

    Ich finde keine Möglichkeit wenn ich als Seite eingeloggt bin, diese rauszuschmeißen oder zu blockieren. Geht das gar nicht?

    thx
    Robin

  29. Hallo!

    Vielen Dank für die Infos.

    Leider kann ich die Anwendung nicht zu meiner Seite hinzufügen. Auf der linken Seite habe ich lediglich das Feld „Zu den Favoriten meiner Seite hinzufügen“?

    Woran mag das liegen?

    Vielen Dank & Gruß

  30. Dieses Problem habe ich bereits vor einigen Wochen gehabt.
    Ich kann die Anwendung beliebig vielen Fan-Pages zufügen, aber nicht der eigenen Seite.
    Aich die hiergegebene Anleitung funktioniert nicht mehr ( Ich habe schon mal Anwendungen zu meiner Seite hinzugefügt )
    Ich bin der Meinung, daß FACEBOOK mal wieder etwas geändert hat.
    Insofern sollte die Anleitung nochmals überprüft und ggf. eine Anfrage bei Facebook gestartet werden. Diese richtet sich nicht gegen die VErfasser des Blog, sondern gegen Facebook, die ein ordentliches Arbeiten sehr erschweren und keinerlei Hilfe anbieten.
    Klaus-Dieter Brinkmann

  31. Ja,das geht mir genauso…herzlichen Dank für das Tutorial..aber
    anscheinend hat facebook da tatsächlich was geändert..ich suche jetzt
    auch schon ganz verzwiefelt nach zu meiner seite hinzufügen und kann den link nirgends finden.Kann mir jemand helfen.

  32. Die Tests über https eine Anwendung in eine Seite einzufügen enden mit

    {
    „error“: {
    „message“: „Unsupported post request.“,
    „type“: „GraphMethodException“
    }
    }

  33. Hallo Frau Schwindt,

    ich habe einen Reiter genau nach Ihrer Anleitung im Buch erstellt. Hat auch super funktioniert. Jeoch erscheint der Reiter nicht sofort wenn man die Fan-Page aufruft, sondern erst der Inforeiter. Ich habe bereits den erstellten Reiter als Standardreiter festgelegt. Es ändert sich jedoch nichts. Woran kann das liegen?

    Viele Grüße

        1. Das hat bei mir noch nie funktioniert.
          Auf mehreren SEiten getestet. Alles vergebens.
          Man sollte mal alle Probleme in diesem Forum sammeln und an Facebook senden.
          Klinkt idealistisch, wäre aber einen Versuch wert.

          Siehe z.B.
          http://www.facebook.com/pages/Schwimmbad-Taunusstein/250317188314078?sk=app_108788165884881
          eingestellt ist Wetter

          http://www.facebook.com/#!/pages/Ristorante-Pizzeria-La-Bruschetta-Da-Davide/166814913376982
          eingestellt ist Übersicht

            1. Da das Problem schon vor der Pflicht für https auftauchte, liegt es nicht daran. Außerdem wird vergessen, daß Seiten ohne die https Einträge weiterhin funktionieren, wenn nicht mit https zugegriffen wird.

  34. Sehr geehrte Frau Franke erstmal vielen Dank für die super Erklärung. Ich habe das ganze durchgespielt aber irgendwie zeigt er mir den neuen nach dem letzten Schritt „zu meiner Seite hinzufügen“ den Reiter nicht an. Wissen Sie vielleicht an was das liegen kann?

    Gruß
    Peter

  35. Hallo,
    ist es möglich von einem Fanseiten-Reiter auf einen anderen zu verlinken. Also in der Andwendung im iFrame einen Link auf einen anderen Reiter ohne eine neue Seite zu öffnen?

    Vielen Dank
    Tom

  36. Vielen Dank für ihre großartige Hilfe. Habe alles exakt so gemacht wie vorgegeben. Allerdings habe ich ein kleines Problem. Meine Reiter-Inhalte (php, https) werden für mich zwar komplett richtig angezeigt, allerdings für niemand anderen :O
    Haben sie eine Erklärung für dieses Problem? 🙁
    Überzeugen sie sich selbst. Hier der Link zur besagten Facebook-Seite:

    https://www.facebook.com/VeruecktesEssen
    Es geht um die Reiter „Welcome“, „Über uns“ und „Videoclips“

    Viele Grüße 🙂

  37. Wirklich??? Ich wollte die Inhalte 3 Freunden zeigen und alle berichtete mir, dass ausser einem leeren feld nichts zu sehen ist. Das ist ja spannend!

  38. Das lustige ist: Ich als Administratot der Seite kann es ansehen, ein weiterer Administrator nicht. Ein weiterer Fan der Gruppe ebenfalls nicht, als Aussenstehender scheint es zu funktionieren…. Es kann doch nicht Sinn der Sache sein, dass nur „Nicht-Fans“ diese Inhalte anzeigen können? Spannend wäre es zu wissen, ob sie es immer noch sehen könnten, wenn sie ein Fan sind. Richtig gemacht habe ich anscheinend alles, sonst könnten sie es ja gar nicht erst sehen. Ich denke mir, sie wissen da auch keinen Ratschlag oder 🙁 Bin verzweifelt

    1. Unterschiedlichste Browser bereits erfolgreich/erfolglos getestet 🙂
      Welchen haben sie verwendet, wenn man fragen darf? 🙂

        1. Same here 🙂
          Besonders merkwürdig finde ich die Tatsache, dass alle Freunde, die es über Facebook nicht anzeigen können, keinerlei Probleme haben, den Originallink zu meinem Server aufzurufen. Dabei handelt es sich bei FB doch nur um eine Weiterleitung auf eben diese Seite 😀

          1. Kleiner Nachtrag: Funktioniert immer noch nicht, bisher warst du der einzige Mensch, der den inhalt sehen konnte =D
            Wenn jemand Hilfe weiß, freue mich auf Antworten 🙂

      1. Naja.. peinlich :/
        Man muss 2 Adressen eingeben, eine normale (HTTP) und eine HTTPS. Bei der HTTP-Adresse habe ich aus Versehen den Zusatz „kundenserver“ dringelassen, der dort logischerweise nichts zu suchen hat und nur bei HTTPS-Adressen zusätzlich vorne dran steht :X
        *schäm*

  39. Schönen guten Tag Frau Schwindt,

    Ich hatte bereits erfolgreich drei Reiter nach ihrer Anleitung erstellt.
    Doch als ich heut einen neuen, für eine andere Seite, anlegen wollt, kann ich nicht mehr auf die App Profilseite zugreifen. Bei den anderen Anwendungen geht das ohne Probleme.
    Auch als ich Versuchte es über einen anderen Account zu machen kam das selbe Problem.
    Haben sie evtl. eine Ahnung woran das liegen könnt?

    Gruß
    Henrik

      1. Alles da und das Lustige ist, von Zuhause konnt ich es hochladen, nur von Arbeit aus nicht.
        Leider kann ich mir das nicht erklären =/

  40. Das Problem ist, das ich von Arbeit aus nicht auf „zu meiner Seite hinzufügen“, in der Profilseite komme. Von Zuhause aus, geht das aber plötzlich. Keine Ahnung warum. Auch unser Admin konnte mir nicht weiterhelfen und das Problem ist im Büro immer noch da.
    Https ist da, und alles andere mit der Seite klappt auch. Nur eben nicht das hinzufügen neu erstellter Reiter =/

      1. Das hatte ich bereits gemacht. Und bei 4 verschiedenen Browsern müsste einer doch irgendwann mal funktionieren.

Kommentare sind geschlossen.