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

The following two tabs change content below.
In diesem Blog und über meine Social-Media-Präsenzen berichte ich über Wissenswertes in Sachen Kommunikation und Social Web. Ich bin Bestsellerautorin zum Thema Facebook und berate Sie gerne darin, wie Sie ihre Online-Kommunikation nachhaltig aufbauen oder optimieren können. Mehr über mich lesen...

504 Antworten

  1. Vielen Dank für diese sehr ausführliche und hilfreiche Anleitung!

    Wie verhält es sich mit einer sicheren https-Adresse? Auch wenn diese nicht Pflicht ist, wird das iframe-Tab leider nur Nutzern angezeigt, die kein https nutzen. Haben Sie diesbezüglich einen Tipp?

  2. Wie ist es denn mit dem FBML-Code “”. Funktioniert der auch noch, wenn man das ganze als iFrame einbindet? Oder gibt es eine passende Alternative um Seiten für Fans und Nicht-Fans anzuzeigen?

    • Ein wunderbarer artikel! Nachdem ich ewig versuchte genau das beschriebene in die tat umzusetzen, kam mir dieser text genau richtig. Und schwups die wups war die arbeit getan. Danke dafür.

  3. Hallo Frau schwindt.
    Ich muss mich Verifizieren (Handy, Kredidkarte)
    mein Handy will es nicht annehmen, da ich Symio habe,
    Kredidkarte besitze ich nicht. Und nun?
    Fällt das alles ins Wasser, oder gibt es eine andere Möglichkeit?

    Liebe Grüße.

  4. Hallo,

    tolles Tutorial!

    Eine Frage zu der Verifizierung per Handy/Kreditkarte: Ist das ein neues Feature? Und gibt es vielleicht eine Möglichkeit es zu “umgehen”? Nicht jeder möchte facebook seine Kreditkarten-Nr. oder Handy-Nr. überlassen. ;-)

    LG Saskia

  5. Hallo, hab ein Tipp und eine Frage:

    Tipp: um die Verifizierung zu umgehen, kann man auch:

    - eine email von eine Institution/verein/Schule/uni nutzen.

    beispiel, wenn man selber student ist, kann man diese email der Universität nutzen, die man bei der Uni-Anmeldung bekommen hat, um sich bei FB zu verifizieren.

    Eine Frage: irgendwie klappt bei mir alles , bis auf dem Punkt: auf die Seite bringen. Ich habe alles getan, aber reiter erscheint nicht auf gewählte Seite. Woran kann das liegen?

  6. Bei mir erscheint: Bitte update deine Callback-URL
    Um sicherzustellen, dass Nutzer deine Anwendung über eine sichere Browserverbindung (https) sehen, besuche bitte den Entwicklerbereich, um die Callback URL zu updaten.

    Was soll man da machen?

  7. Hat alles geklappt, danke!

    Nur das mit https klappt nicht, mein Server ist nicht mit https-
    ist ein bisschen doof von Facebook, die das zwingen. Alle, die nicht https unterwegs sind, sehen die Seite, alle andere nicht….

  8. Hallo Frau Schwindt,

    wenn es keine Lösung (Kreditkartenabfrage von Facebook) für die Gestaltung der Reiter mit iframe gibt,
    haben Sie Informationen, wie lange noch der alte Weg mit Static FBML weiterhin unterstützt wird?

    Vielen Dank im Voraus für Ihre Antwort

    Jürgen Heitzmann

    • Eigentlich sollte es bereits nicht mehr möglich sein, Static FBML neu zu einer Seite hinzuzufügen. Aber einige nutzer haben mir berichtet, dass sie es noch können… Einfach mal versuchen, würde ich sagen. ;-)

  9. Hallo Frau Schwindt
    Ich habe alles so durchgeführt wie Sie es beschrieben haben um einen iframe Tab anzulegen.
    Schon bei den Einstellungen kam bei mir eine signifknate Stelle nicht wie gezeigt. Bei Ihnen sieht es bei Punkt 27 so aus: http://apps.facebook.com/spreins/ –> dann kommt das Eingabefeld für die html-Seite bei Ihnen die indesx.html). Bei mir sieht die dieser Bereich nur ein Eingabefeld für “URL des Reiters” vor. Leer und keine Vorgaben. Nun habe hier dann von Hand http;//apps.facebook.com/ –> tja und nun habe ich mehrer Möglichkeiten: a) nur meine.html Seite b) zusätzlich die Canavas URL von oben mit http:// oder ohne c) oder nur meine http://meinewebsite.de/meinfacebookordner/meine.html.
    Egal was ich angebe, es kommt beim Testen mit einem anderen Facebook Account nur unformatierter Text (teilweise von dem was auf meienr html-Site ist) aber keine Bilder oder es ist vollkommen leer (weisse Seite).
    Alles was ich zuvor in einem Editor programmiert habe wurde im Browser einwandfrei, mit formatierten Text, sauberes Layout und Bilder angezeigt.
    Wenn ich in Anwendung bearbeiten im Bereich Facebook Einbinden im Feld “27″ URL des Reiters was Neues eingebe wird es teils nicht nach dem Speichern angenommen.
    Es ist mehr als mühsam und vor allem nicht so einfach wie Sie es beschreiben haben. Leider!!
    Ich weiss nicht mehr weiter.
    Haben Sie ine Idee???

    MfG
    K. sprenger

  10. Bei mir wird der Reiter nach langem hin und her endlich angezeigt – vielen Dank für die Beschreibung wie es geht!

    Aber Punkt 27 habe ich ehrlich gesagt auch noch nicht verstanden.

    Was ist denn der Unterschied zwischen der Angabe unter 21 zu der Angabe unter 27?

    Könnten Sie das eventuell nochmal an einem praktischen Beispiel erläutern?

    Das wäre sehr nett, vielen Dank im Voraus.

    Was mich auch noch interessieren würde ist, wie ich nun weitere Reiter erstellen kann. Muss ich für jeden neuen Reiter wieder bei 0 beginnen?

  11. Hallo Frau Schwindt,

    wissen Sie, wie man das Erscheinen des Menütitels (also Reiternamens) hinter dem Seitentitel verhindern kann? Es erscheint ja dort normalerweise “Meine Seite > Willkommen”, wenn “Willkommen” ausgewählt wird. Bei langen Seitentiteln gibt es dann aber einen hässlichen Umbruch vor “Gefällt mir”.

  12. Hallo,
    sehr gute Anleitung, aber wie funktioniert denn nun die Abfrage ob ein User schon Fan ist oder nicht?

    Mit dem FMBL konnte man das alles mit ( ) steuern.

    Wie funktioniert die Anfrage mit dem iframe?

    Vielen Dank!

  13. Hallo, ich bekomme die Fehlermeldung “Method Not Allowed The requested method POST is not allowed for the URL”, die HTML-Dateien werden natürlich auch nicht angezeigt.
    Hab ich grundlegend was falsch gemacht (die Formulare in den Screenshots im Tutorial entsprechen ja nicht 1:1 der aktuellen Situation bei Facebook, vielleicht hab ich bei den Punkten 20, 21 oder 27 gepfuscht)?
    Ansonsten aber vielen Dank für’s Tutorial – sehr cool!

      • Hallöle,
        hatte das selbe Problem mit der Fehlermeldung 405 “Method not allowed”. Umbennen der HTML-Dateieindung in PHP brachte keinen Erfolg. Lösung: Mein Server (Host der Website) kann aus irgendwelchen mir unerklärlichen Gründen die Facebook-iFrame-Anfrage nicht verarbeiten. Habe einen anderen Server genommen und alles funktioniert bestens.

  14. Es gibt offenbar immer noch keine Möglichkeit, eine Anwendung zu erstellen ohne O2-Handy oder kreditkarte …
    “Dein Konto muss verifiziert sein, bevor du diese Aktion tätigen kannst. Bitte verifiziere dein Konto, indem du deine Handy oder credit card hinzufügst.” :-(
    Also werde ich an Punkt nicht weiter kommen. Pech gehabt.

  15. Hallo Frau Schwindt,

    die Anleitung ist hervorragend. Vielen Dank!

    Ich habe nur noch ein Problem: Wenn ich auf Den Button der Anwendung gehe, lädt die Seite nicht, sondern es erscheint stattdessen das facebook-Logo mit dem Link “Gehe zu facebook.com”

  16. Hallo Frau Schwindt,

    gibt es eine Möglichkeit, die App zu verstecken? Ruft man die app über apps.facebook.com/example_app auf ist die Seite ja aus dem Kontext gerissen, das würde ich gerne vermeiden.

  17. Ich bin bei o2 und habe auch erfolgreich den code bekommen und diesen auf der internetseite eingegeben.

    Zuerst dachte ich es könnte ein paar Minuten dauern, aber ich bekomme immer noch die selbe Meldung und komme nicht mehr weiter:

    “Dein Konto muss verifiziert sein, bevor du diese Aktion tätigen kannst. Bitte verifiziere dein Konto, indem du deine Handy oder credit card hinzufügst.”

  18. Super Tutorial. Gesucht habe ich eigentlich was anderes…

    Kann man die eigens erstelle App als Start-Reiter festlegen?

    Bei manchen Pages habe ich das schon gesehen. Zuletzt Renault Deutschland.
    Weiß wer zu helfen?

    Gruß Robert

      • HAllo, Standardreiter wurde schon Bandpage angegeben aber irgendwie wird es nicht umgesetzt :(
        Erscheint immernoch die doofe Pinnwand als Startseite. Google schon die ganze Zeit, aber finde nix :(

        Hilfeeeeeeeeee :)

          • Hallo Frau Schwindt,
            danke für Ihre interessanten Beiträge!
            Genau an dieser Stelle setzt aktuell mein Problem an:
            Gibt es eine Möglichkeit, als Fan eben nicht die Pinnwand sondern die neu erstellte iFrame App anzeigen zu lassen?
            Die vergleichsweise aufwendig erstellte App wir vollkommen übersehen und die ‘langweilige’ Pinnwand in den Vordergrund gestellt…das macht doch irgendwie keinen Sinn, oder lieg ich da falsch?
            Vielen Dank im Voraus und viele Grüße
            Schwammakobf

  19. Sehr gute Anleitung!!!
    Ich habe mitbekommen, dass es jetzt Bedingung ist seine eigene Identität mittels Handy oder Kreditkarte für die Nutzung der “Entwickler”-Ebene freischalten zu lassen.

    Gestern also meine Handy-Nummer angegeben, aber bis heute kam keine Antwort per SMS.

    Weiß jemand, ob dieser Dienst nur für O² (habe ich irgend wo gelesen) gilt oder ob es einfach nur ein Fehler ist? Leider kann ich die Nummer nicht noch einmal senden, da immer das Bestätigungsfenster mit dem Eingabefeld des Codes geöffnet wird.

    Würde mich freuen, wenn mir jemand helfen könnte :o)

    Ciao Holger =;o)

  20. Hallo Frau Schwindt,

    vielen Dank für Ihr Tutorial!

    Wie integriert man einen Like-Button auf die i-frame-Seite, so dass User, die den Tab/App liken, dessen Namen auch im Profil angezeigt bekommen. In etwa so:

    Maren gefällt “Tabname”.

    Danke schon mal im Voraus und viele Grüße!

      • Hallo Frau Schwindt,

        ich muss leider noch mal “nachbohren”. :)

        Den Likebutton habe ich ganz normal auf die externe iFrame-Seite integriert und die Open Graph Tags hinzugefügt. Soweit so gut.

        Wenn ich auf meiner Testpage in Facebook die iFrameseite aufrufe und auf “Gefällt mir” klicke, erscheint in meinem Profil “Maren gefällt Testpage”.

        Was ich aber möchte ist, dass da steht “Maren gefällt iFrameseite” und bei Klick darauf der User auf die iFrameseite innerhalb meiner Testpage in Facebook gelangt.

        Das Problem hierbei ist, wenn ich beim Erstellen des Likebuttons die Facebook-URL zur iFrameseite eingebe (also http://www.facebook.com/Testpage?sk=app_123456789), wird der Link abgeschnitten und man gelangt nur auf die Startseite (oder Pinnwand) der Testpage.

        Können Sie mir einen Tipp geben oder kennen Sie eine Page, die sowas integriert hat?

        Vielen Dank im Voraus für Ihre Geduld! :)

  21. guten Tag Frau Schwindt ich habe eben eine neue Anwendung (nach Ihrer Anleitung – funktioniert alles super!) auf meine Seite gebracht. Die Anwendung ist allerdings nur für Admins sichtbar.
    Wie kann ich sie für alle sichtbar machen ?? (sogar wenn ich die CanvasSeite als startseite (statt Pinwand) eingebe, landet der enduser auf der pinnwand.

    Danke

  22. Hallöchen,

    erstmal vielen Dank für die Super Anleitung.
    Es klappt alles wunderbar.

    Leider braucht facebook aber ca. 7 Sekunden (!!!) um die Seite zu laden. Die Seite beinhaltet lediglich etwas Text und einige Links – also nichts spezielles.

    Wenn ich die Seite direkt laden lasse, dauert es einige Millisekunden.

    Finde leider auf Google keine Antwort zu diesem Problem, sehe aber dass auf Deiner Seite alles schnell geladen wird.

    Bitte um Hilfe :)

  23. Hallo Frau Schwindt!

    Vielen Dank für die Tipps, ein Problem habe ich noch: Nach der Erstellung der Apps kommt folgende Meldung:
    All of the following fields are required. Your application must have at least 5 total users or 10 monthly active users before you can submit it to the Anwendungsverzeichnis. We cannot showcase any applications that are under construction or do not utilize the Facebook-Plattform.
    Was bedeutet das? Müssen 5 User die Aplikation benutzen?

  24. Hallo,
    leider komme ich auf der Seite http://www.facebook.com/developers/ nicht weiter:

    “Dein Konto muss bestätigt sein, bevor du diese Aktion tätigen kannst. Bitte lasse dein Konto bestätigen, indem du deine Handy oder Kreditkarte hinzufügst.”

    Als Netzbetreiber wird hier nur O2 angeboten und Kreditkartenangaben wollte ich hier nicht vewenden. Was mache ich falsch bzw. gibt es einen anderen Weg?

  25. Hallo Frau Schwindt,

    danke für die Anleitung. Hat alles sehr gut funktioniert. Eine Frage habe ich aber: Wie kann man vom iFrame auf andere Facebookseiten verlinken – ohne das diese in den Frame geladen werden? target=_top hat nicht funktioniert! Die Browser machen dann gar nichts?? target=_blank funktioniert zwar, aber das ist ja nicht der Sinn der Sache.

    Getestet habe ich mit IE8, FF4 und Chrome.

  26. Bonjour,
    deine Empfehlungen waren für das Thema sehr hilfreich, jedoch steche ich an einen Probleme. Es verlang einen Secure Canvas-URL in https form. wie kann ich sowas erstellen. danke für deinen Tips

  27. die iframes von facebook etc sind ne tolle erfindung. nutze sie selber auch.
    habe aber auch gelesen, das google iframes nicht gern sieht und vielleicht sogar bestraft.
    hat einer erfahrung damit ?

  28. Hallo,
    erstmal vielen Dank für dein Tutorial, ich hoffe du liest diesen Kommentar :)

    Ich habe dazu noch 2 Fragen, die Antworten dazu finde ich leider nirgends im Web – eventuell weist du ja weiter.

    Und zwar möchte ich gerne das meine angelegte Anwendung zu erst angezeigt wird, wenn ich die Fanseite Besuche (also jemand der noch nicht auf gefällt mir geklickt hat !) und danach ganz normal die Pinnwand angezeigt wird.

    Außerdem hätte ich gerne den Titel der Anwendnung entfernt, ich finde aber auch dazu keine Möglichkeit das zu lösen!

    Ich hoffe mir kann jemand helfen!

    Danke.

    • Wenn Sie die Anwendung als iframeTab mit eigener Anwendung erstellt haben, können Sie den Namen in den Einstellungen jederzeit ändern. Als Startseite definieren können Sie den Anwendungsreiter nur für Nichteingloggte und Nichtfans (Seite bearbeiten > Genehmigungen verwalten > Standard-Reiter). Alle anderen sehen automatisch zuerst die Pinnwand.

    • Das ist keine versteckte Seite, sondern nur ein individueller Tab mit getrennten Inhalten für Fans und Nichtfans (sog. Fan- Gating). Dazu braucht man entweder einen Webentwickler oder eine anwendung, die das kann (z.B. iframeWrapper).

  29. Guten Abend Frau schwindt was soll ich da machen vorhin wollte ich kucken ob Marco Angelini was geschrieben hat und jetzt kann man nicht auf seine Seite.Der Marco Angelini ist übrigens ein EX-Dsds Kandidat er schreibt immer was auf Facebook was kan ich da machen. Es kann ja auch sein Das er schon lange was hochläd.

  30. Hallo,
    vielen Dank für Ihr Tutorial. Ich hätte eine Frage: Ich verwalte eine Facebook-Fanseite für meine Band. Mithilfe von RootMusic habe ich eine sogenannte BandPage kreiert. Diese lässt sich für Menschen, die keine Fans der Fanpage sind, als “Landing-Page”, also als Startreiter der Fanpage festlegen. Dies funktioniert allerdings nicht, für Leute, die bereits Fans der Band sind. Sie bekommen immer die Pinnwand als “Landing-Page” zu sehen. Oder gibt es da vielleicht noch irgendeine Einstellung, die ich übersehen habe?
    Vielen Dank im Voraus.

  31. 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?

  32. 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.

    • 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.

  33. 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

    • 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.

  34. 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

  35. 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

  36. 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

    • 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.

  37. 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

  38. 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

    • 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?

      • 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…

  39. 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!

  40. 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!

    • 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.

  41. 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. ;-)

  42. 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?

  43. 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

  44. 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

  45. 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!

  46. 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:)

  47. 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?

  48. Hallo Frau Schwindt,

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

    LG

  49. 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 ?

  50. 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

  51. 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

      • 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

  52. 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

  53. 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

  54. 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…

  55. 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?

  56. 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

  57. 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

  58. 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ß

  59. 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

  60. 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.

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

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

  62. 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

  63. 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

  64. 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

  65. 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 :)

  66. 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!

  67. 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

  68. 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

  69. 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 =/

  70. Hallo,
    ich habe Apps in Betrieb, die nur als Seitenreiter auf Facebook Seiten eingebunden sind (externe HTML Seiten werden so dargestellt). Für jeden Seitenreiter eine App.

    Nun habe ich das Problem, das in der Suche oben nicht nur die Fanpage erscheint, sondern auch jede einzelne App (da die ähnlich heißen). Das will ich aber gar nicht, da jede App einzeln nur auf der Fanpage verlinkt bzw. angezeit werden soll. Ich möchte also, dass die Apps nicht in der Suche ober erscheinen. Wie kann man das deaktivieren?
    Herzlichen Dank!

  71. Toll!!! Danke, dann kann ich endlich die FB Seite ausbauen. Hatte mich schon die ganze Zeit gefragt, wie ich das hin bekomme, nur keine Zeit wirklich zu probieren. Super Anleitung!

  72. Hallo Frau Schwindt,
    erst mal vielen Dank für Ihren unermüdlichen Einsatz in Sachen Facebook! Und jetzt fluchs zu meinem Problem… Ich habe nach Ihrem Tutorial eine iFrame-App erstellt und erfolgreich in die Seite eingebunden. Alles funktioniert prima. Für die Seite gibt es allerdings mehrere Administratoren. Wenn diese die iFrame-App bearbeiten wollen (-> Seite bearbeiten -> Anwendungen -> Zur Anwendung) meldet der Browser, “Seite konnte nicht gefunden werden”. Bei mir als Ersteller der App funktioniert alles prima. Ich bin freier Mitarbeiter und nicht (für) immer verfügbar. Wissen Sie woran das liegen kann und ob bzw. wo man Zugriffsrechte für die App einstellen kann?
    Besten Dank im Voraus…

  73. Hallo Frau Schwindt,

    ich würde auch gerne meine Facebookseite nach ihrer Anleitung erstellen, habe aber zwei (blöde) Fragen dazu.

    Wie komme ich zu https? Meine Website verfügt meines Wissens nach nicht darüber, oder ist das Standard?

    Die zweite Frage: muss ich mit CSS arbeiten, oder kann ich die Seite auch nur mit HTML erstellen?

    Vielen Dank & viele Grüße
    Annika

  74. Hallo, zum Problem beim Hinzufügen von eigenen Apps zu Pages hat mir Facebook mitgeteilt, daß die Schwierigkeiten erkannt wurden und man an Verbesserungen arbeitet.
    Mit Hilfe von $accounts = $facebook->api(‘/me/accounts’) und $thema=”/”. . “/tabs”;
    $tabs = $facebook->api($thema) erstelle ich mir durch Auswertung mit php eine Zusammenstellung von
    Anwendungen je Seite und Seiten je Anwendung in der Art

    Informationen zu den Accounts

    Ristorante Pizzeria “La Bruschetta” Da Davide / Restaurant/cafe / 166814913376982

    Wall 166814913376982/tabs/wall

    Info 166814913376982/tabs/info

    Friend Activity 166814913376982/tabs/friendactivity

    Übersicht 125405564206122
    Name PLB_INFO_Alles
    Anzeige
    canvas_name plkb_info_alles
    namespace plkb_info_alles

    Vorspeise/Salat 201260743250865
    Name PLB_INFO_Vor_Salat
    Anzeige
    canvas_name plb_info_vor_salat
    namespace plb_info_vor_salat

    Pasta / Pizza 189301884450806
    Name PLB_INFO_Pasta_Pizza
    Anzeige
    canvas_name plb_pasta_pizza
    namespace plb_pasta_pizza

    Hauptgerichte 218077998217024
    Name PLB_INFO_Hauptgerichte
    Anzeige
    canvas_name plb_info_haupt
    namespace plb_info_haupt

    Anzeige liefert nur dann ERgebnisse, wenn custom_name an name unterschiedlich sind.
    ________________________________________
    Informationen zu den Anwendungen
    ________________________________________
    Kdb_007
    auf keiner Seite
    ________________________________________
    PLB_INFO_Hauptgerichte Hauptgerichte
    166814913376982 : Ristorante Pizzeria “La Bruschetta” Da Davide
    ________________________________________
    PLB_INFO_Pasta_Pizza Pasta / Pizza
    166814913376982 : Ristorante Pizzeria “La Bruschetta” Da Davide
    ________________________________________
    PLB_INFO_Vor_Salat Vorspeise/Salat
    166814913376982 : Ristorante Pizzeria “La Bruschetta” Da Davide
    ________________________________________
    PLB_INFO_Alles Übersicht
    166814913376982 : Ristorante Pizzeria “La Bruschetta” Da Davide
    ________________________________________

    Mit dieser Übersicht sind doppelt vorhandene, nicht gelinkte oder überhaupt nicht benutzte Anwendungen zu finden.

    Anschliessend bearbeite ich die Seiten in der Art über https, wie auf https://developers.facebook.com/blog/post/524/ beschrieben ist.
    Hierbei habe ich die Erfahrung gemacht, daß bei der direkten Eingabe über https immer der gewünschte Erfolg eintrat. Auch nach dem ich schon vorhandene Einträge nochmals mit https direkt überschrieben habe, traten keine Probleme mehr auf. D.h. es liegt der Verdacht nahe, daß die Benutzerschnittstelle zur Installation nicht einwandfrei funktioniert.

  75. Bei mir klappt alles außer der Punkt “Ihre Anwendung zu Ihrer Fanseite hinzufügen” Bei mir im Menü steht da unten nur,
    Verwandte Links

    Debug-Tool verwenden
    Graph API-Explorer benutzen
    Anwendung in Chronik anzeigen
    Wirb mit einer Anzeige
    Übersetze deine Anwendung
    Profilseite der Anwendung anzeigen
    Anwendung löschen
    und das hat irgendwie auch nicht annähernd Ähnlichkeit dazu.

  76. Hallo Frau Schwindt, leider habe ich keinen Erfolg, einen iframe-Tab auf meiner FB Seite erfolgreich einzubinden. Ich habe mich genau an Ihren Anweisungen gehalten.
    1. Neue Anwendung erstellen.
    2. App Display Name vergeben.
    3. Page Tab aufgerufen.
    4. Symbol hochladen.
    5. Page Taps erstellt – Name – Page Tab URL – Secure Page Tab URL (bei meinem Hoster angemeldet)
    6. View App Profile Page geklickt
    7. Zu meiner Seite hinzufügen geklickt
    8. Icon/Link wird in der Navi angezeigt, aber die Seite erscheint nicht als iframe. Alles leer ;(
    Habe ich da vielleicht etwas übersehen?
    Herzlichen Dank vorab für Ihre Rückmeldung.
    LG Ralf Arndt

  77. Vielen Dank für die tolle Anleitung!
    Leider finde ich nicht heraus, in welcher Form ich die Angabe zum Öffnen des Links in einem neuen Fenster machen muss.
    Bei Page Tab Url: http://www.abc.at und ich möchte, dass sich diese Url in einem neuen Fenster öffnet wo gebe ich das target=”_blank” an.
    Lg + vielen Dank
    birgit

  78. Hallo Frau Schwindt, habe den Fehler gefunden. Mein neu eingerichtetes https Verzeichnis hatte einen kleinen Fehler. Wünsche Ihnen ein schönes Wochenende.

    LG Ralf Arndt

  79. Hallo Frau Schwindt,

    ich würde gerne wissen, welchen Befehl ich benötige, um die Höhe und die Breite im einzustellen. Also die von Ihnen genannten 800px / 510px

    Vielen dank!

  80. Hallo Frau Schwindt,
    lieben Dank für Ihr Tutorial, hat mir bei meinem ersten FB-Tab sehr geholfen.
    Worüber ich länger gegrübelt habe, war der von FB angefragte “Namensraum der Anwendung”, können Sie mir sagen, was das konkret ist?
    Danke nochmal,
    Michi

  81. Hi

    ich find es super wie du das hier machst ;) Daumen hoch

    Ich hab eine kleine Frage.
    Also Folgendes ich möchte meine Seite (Fanreiter) als Hauptseite haben wenn die Kunden in der Suche mich eintippen. Oder wenn diese einen Facebook link bekommen zb http://www.facebook.com/jaco89 — dann soll meine Fanseite als erste auftauchen wie kann ich das am besten antellen. :)

    Gruß Jaco

  82. Hallo,
    mein Problem besteht darin das der Standart-Reiter nicht angenommen wird.
    Es steht zwar zur Auswahl und lässt sich auch Speichern, jedoch nach mehrmaligem testen keine Reaktion, die Seite wird immer auf der “Pinnwand” gestartet.

    Was hab ich vergessen?

  83. Sehr geehrte Frau Schwind,

    Ich habe jetzt alles von oben bis unten gelesen, aber dennoch haben wir ein Problem.

    Wir haben wie gaaaaanz oben einen iframe eingebaut, funktioniert einwandfrei.

    Nun wollte ich diesen Iframe als Startpage machen, funktioniert aber nicht, weder für Fans oder non Fans. Immer bekomme ich als erstes die Firmen Info die ich bestimmt nicht als Startseite haben will….

    Irgend eine idee ?

    Viele Grüße

    Jochen

  84. Hallo Frau Schwindt,

    schöne Anleitung, habe diese auch schon einmal erfolgreich umsetzen können. Nur jetzt habe ich eine neues Projekt und wollte dies genauso lösen. Nur Wenn ich jetzt auf den Schritt “Profilseite der Anwendung” Klicken will, sagt mir Facebook immer ” Die von dir angeforderte Seite konnte nicht gefunden werden.” Haben sie da vlt eine Idee?
    Oder habe ich was falsch gemacht?

    Danke für Ihre Hilfe.

    Thomas

  85. Hallo!
    Super Tutorial, hat mir sehr weitergeholfen. Ich habe jetzt 4 Anwendungen (Seitenreiter) erstellt und auch erfolgreich auf meiner Fanseite integriert.

    Beim 5. Seitenreiter habe ich das Problem, damit bei den “Verwandte Links” folgender Punkt fehlt “Profilseite der Anwendung anzeigen”. Es ist alles genau gleich wie bei den anderen Anwendungen und die “Page Tab URL” ist erreichbar.

    An was kann das liegen?

    Gruß Markus

  86. Hallo!

    Schöne Anleitung, aber ich erhalte folgende Fehlermeldung nach der Eingabe der Url mit den eigenen Daten:
    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Vielleicht können Sie mir da helfen: Welche redirect-uri ?

    besten Dank

      • “API Error Description: The specified URL is not owned by the application
        Error Message: redirect_uri is not owned by the application.”

        Ich denke du verwendest eine andere URL, wie die “Page Tab URL” der Anwendung.

        Gruß Markus

  87. Hallo,
    super Anleitung! Vielen Dank für die Zeitersparnis – ohne Ihre Anleitung hätte ich min. noch eine Stunde googln müssen :) Kleiner Hinweis noch: Ich sehe gerade, daß Sie das Hinzufügen der Anwendung frisch überarbeitet haben. Ich hatte gestern in dem Link meine Iframe Seite angegeben und nicht die Facebookseite, ich denk, Sie haben da einen kleinen Fehler, oder es funktioniert sogar mit beiden Varainten!? Also https://www.facebook.com/dialog/pagetab?app_id=99999999999999999&display=popup&next=https://www.meine-seite.de/facebook/index.html hat bei mir super funktioniert!

  88. Danke für den Input dazu! Habe es erst jetzt gemerkt das es APP hinzufügen nach der alten Variante nicht mehr geht! Bei mir hat es mit der neuen Beschreibung geklappt! Danke!

  89. Danke Annette!!!

    Nachdem ich dank deiner ersten Anleitung nun schon eine Seite erfolgreich eingebunden hatte und in den letzten 4 Tagen alles mögliche unternahm, inklusive Screenshots, weitere Administratoren, andere Mailadressen löschen neuanlegen etc versucht hatte, dachte ich mir gerade, schau dir die Anleitung nochmal genauer an. Hatte natürlich nicht oben angefangen zu lesen und wunderte mich über die plötzlich anderen Schritte. Ich denke, damit bekomme ich es auch wieder hin. Danke!

  90. Super Tut – wie immer, Frau Schwindt! Vielen Dank dafür!

    Nur leider scheine ich an einer Stelle einen grundlegenden Fehler gemacht zu haben, denn wenn ich die modifizierte URL aufrufen will, erhalte ich die Fehlermeldung:

    Fehler
    Mit ist ein Fehler aufgetreten. Bitte versuche es später noch einmal.

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Haben Sie dazu eine Idee?

    Viele Grüße
    Mia Schöbel

  91. Hallo,
    wie ist denn der aktuelle Sachstand in Bezug auf http://www.facebook.com/developers/
    und
    “Dein Konto muss bestätigt sein, bevor du diese Aktion tätigen kannst. Bitte lasse dein Konto bestätigen, indem du deine Handy oder Kreditkarte hinzufügst.”
    Gibt es mittlerweile eine Möglichkeit ohne die genannten Hürden eine eigene Anwendung zu erstellen ?

    Viele Grüße Uwe Klare

    • Man sollte sein Konto eigentlich auch per Mail bestätigen können. Nur wo, das kann ich grade nicht finden… Weiß jemand den Link?
      PS. Habe grade nochmal direkt bei Facebook nachgefragt und melde mich, wenn (!) ich Antwort bekomme…

  92. Hallo,

    wir wollen ein Formular, welches als Anwendung bei Facebook eingebunden ist, auch für das Handy optimiert integrieren. Die Anwendung ermöglicht ja grundsätzlich die Eingabe einer mobilen Version. Eine URL genügt. Nun ist es aber so, dass in der mobile Facebook App auf einer Fan-Site nur die Standardreiter und nicht die individuellen Anwendungen/ Reiter angezeigt werden. Machen wir was falsch? Haben wir irgendwas deaktiviert?

    Interessant ist auch: Die Anwendung über einen Direktlink aufzurufen, funktioniert (normale Web-Ansicht). Ruft man zunächst den Link zur Fan-Site allgemein auf, springt Facebook sozusagen in den App Modus…

    Schon einmal Danke für Ihre Mühe und viele Grüße

    Angela

  93. Hallo Frau Schwindt,

    kaum hat man mal eine bestimmte Aktion bei Facebook mal eine Weile nicht durchgeführt, schon ist sie verändert, verschwunden oder “verbessert”. Meine Suche nach dem Link “Profilseite der Anwendung anzeigen” hat mich den vorletzten Nerv gekostet ;-)
    1000 Dank für den Tipp mit dem neuen Link zur App-Einbindung!!!

    Viele Grüße,
    Christian Körner

  94. Hallo Frau Schwindt,

    ich bin leider am Verzweifeln. Ich bekomme immer “405 Not Allowed”.
    Ich habe mich aber nach Ihrem Tutorial und den Änderungen gerichtet.
    Habe ich evtl. irgendetwas übersehen?

    Viele Grüße
    Kathy

  95. Hallo,

    bei mir kommt ein fehler, wenn ich die Anwendung erstellen will, dann steht da, das ich meine Handynummer oder ähnliches angeben soll.

    Bitte um schnelle rückmeldung (:

  96. Hallo Frau Schwindt!

    Ich würde gerne das 16×16 große Icon ändern, was ich meinen Anwendungen gegeben habe. War bis jetzt prima drin. Allerdings kann man dies wohl nicht so einfach ändern. Hätten Sie vielleicht eine Idee?
    Hatte was in Google gefunden, allerdings hatte das auch nicht wirklich geholfen.

    Beste Grüße
    Martin

  97. Danke!

    Nach einigen Stunden try & error bin ich endlich auf Ihre Seite gestoßen. Meine Rettung. Das von mir genutzte template mit Dokumentation war leider veraltet. Jetzt läuft alles. *freu*

  98. Hallo Frau Schwindt
    ich suche eine Funktion für meine Facebook Seite, bei der ein kleines Fenster aufgeht sobald jemand auf Gefällt mir klickt,dort steht dann : Diese Seite Empfehlen oder Nein,Danke! Habe das schon bei vielen Seiten gesehn aber weiß nicht wie ich das dorthin bekomme!
    Danke
    Eddy

  99. Hallo,

    ich habe leider keinen Erfolg beim Erstellen des Reiters.
    Keine Fehlermeldung oder Sonstiges – scheint zu funktionieren.

    Ich möchte lediglich eine JPG unter dem Tab hinterlegen. Nach dem Hinzuführen öffnet mir der Explorer noch die Grafik – geh ich anschließend in den Facebook-Account finde ich den Reiter nicht. Ist auch nicht im Bearbeitungsmenü unter den Anwendungen einzustellen.

    Wo liegt der Fehler?

  100. Guten Tag Frau Schwindt

    Vielen Dank für diesen Post!
    Fand ich echt super und hilfreich.
    Danke auch für Ihre Mühe.

    Mit freundlichen Grüssen aus Luzern-CH
    Renato S. Caputo

  101. Hallo Frau Schwindt,
    vielen Dank für das hilfreiche Tutorial :)!
    Nun habe ich allerdings eine Frage (vllt wurde die hier auch schon beantwortet, nur dass ich sie überlesen habe).
    Wenn ich jetzt zwei Anwendungen erstellt habe und von der einen zur anderen Anwendung verlinken möchte. Wie kann ich das machen?

    Danke!
    Lena

  102. Hallo Frau Schwindt,

    zunächst nochmals vielen Dank für das hilfreiche Tutorial.

    Nach Erstellung von drei funktionierenden Taps habe ich leider Probleme eine Weiter zu erstellen bzw. auf die Seite zu implementieren. Es handelt sich lediglich darum Bilddateien unter der jeweiligen Anwendung anzeigen zu lassen.

    Folgende Fehlermeldung wird im Browser-Fenster angezeigt:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Können Sie mir weiterhelfen?

    Gerne kann ich Ihnen Sreenshots per e-Mail zusenden. Die Durchführung war bei allen Tabs bisher identisch.

      • Auch der unten stehenden Tipp, das “www” zu erweitern hat leider nichts gebracht. Kann ich Ihnen mal die Daten zuschicken, dass Sie sich das mal ansehen?

        Der Vorgang war absolut identisch zu drei weiteren Reitern, die auch alle samt in der Seite funktionieren.

  103. Hallo Frau Schwindt,
    besten Dank für das Tut. Beim Anlegen der Anwendung bekomme ich nach dem Speichern eine Fehlermeldung “Error
    Anwendungsdomain: domain.de is not a valid domain.” Für die Anwendungsdomain habe ich die Domain genutzt, die meinen Ordner beinhaltet und die in dem Feld – Adresse der Webseite – steht. Also einfach domain.de. Können Sie mir weiterhelfen? Danke

  104. Hallo! Tolle Anleitung! Mein Reiter soll sich in einem neuen Fenster öffnen. Eigentlich sollte das mit target=”blank” erledigen lassen. Nur wo fügt man das target=”blank” hinzu? In welchem teil von dem vielen URLs die man angeben muss!? Vielen Dank für die Antwort im Voraus. MfG

  105. hallo,
    tolle Anleitung. hat alles geklappt. Bis auf das miniaturbild. Kann mir jemand sagen warum der “upload” Button fehlt? Es gibt genaus wie bei Ihrem Screenshoot nur “Abbrechen”
    Mein Icon ist 16×16 und 576 kb gross.

  106. Hallo Frau Schwindt,

    tolle Seite, tolle Tipps!!
    Ich wollte für meine Anwendung ebenfalls ein Bild hochladen (gif-Format / 76 kb). Nun erscheint wie bei Ihnen im Artikel ebenfalls das Fenster, in dem ich die Datei auswählen kann. Nur, wo ist der Button, um das ausgewählte Bild hochzuladen? Dieser ist weder bei mir, noch auf Ihrem Bild zu sehen. Man kann lediglich das Bild löschen (Delete Image) oder die Aktion abbrechen. Des Weiteren ist auch ein Schloss zu sehen (oben rechts). Wie bekomme ich nun ein Symbol für die Anwendung hochgeladen?

    Über eine Rückmeldung würde ich mich sehr freuen.

    Vielen Dank, Sven

  107. Hallo zusammen,

    bei mir hat der Upload des Miniaturbildes auf einmal funktioniert. Wie? Es gibt keinen Uplaud-Button. Sobald man das Bild vom PC aus ausgewählt hat, fängt Facebook automatisch an den Upload zu starten. Nach erfolgtem Upload, verschwindet das Fenster automatisch wieder. Nach dem erfolgreichen hochladen wird das Bild dann ganz klein neben dem großen Bild (Platzhalter) angezeigt und ersetzt nicht den großen Platzhalter. Deswegen ist nicht sofort ersichtlich, ob der Upload auch funktioniert hat.

  108. Hallo Frau Schwindt

    Wirklich super Anleitung.
    Habe gesucht und keine Lösung gefunden. Wie kann ich unterschiedliche Webseiten für “Fans” und “No-Fans” anzeigen?

    Danke für die Hilfe…

    Mike

  109. Hallo Frau Schwindt.

    Vielen Dank für ihre Erklärungen. Hat mir sehr geholfen. Ich hätte da aber noch ein kleines Problem. Wenn man auf den erstellten Reiter klickt, erscheint richtigerweise meine Homepage. Allerdings ist die Homepage viel zu gross, sodass man hin und her scrollen muss, um die komplette HP zu entdecken. Auf ihrer Fanpage ist das anders. Wie bekomme ich das hin ? Ich wäre Ihnen sehr dankbar, wenn sie mir weiterhelfen könnten.

    Danke und freundliche Grüsse

    Philipp

  110. Sehr geehrte Frau Schwindt,

    vielen Dank für diese ausführliche Darstellung.
    Ich hätte eine Frage an Sie bzw. die Leser dieses Kommentars:
    Die maximale Darstellungsgröße für einen Reiter beträgt bei mir nur ca 505×769 Pixel.
    Wenn ich das selbe Bild über einen https-Webspace (ich benutze hierfür einfach die Dropbox) hochlade, erscheinen Scrollbalken wo vorher keine waren. Woran könnte dies liegen?

    mit freundlichen Grüßen,
    Jonas

      • Da muss ich meine Amateurhaftikeit offenlegen:
        Foto mit Photoshop erstellt, rein damit in Word und als index.html gespeichert. Hat mit 510x800px leider nicht funktioniert (wurde viel kleiner dargestelt im Reiter) und 505×769 klappt auch nur als http und hat Scrollbalken als https-aufrufbare Datei.

        • Tja, da haben wir schon das erste Problem. Wer weiß, was Word da drumrum bastelt… Dann machen Sie es doch lieber nicht mit eigener Anwendung, sondern mit iframeWrapper oder Tabmaker von 247Grad oder einer ähnlichen Drittanwendung mit CMS.

          • Danke für den Tipp! Dass Word nicht ideal ist, dachte ich mir schon.
            Es verwundert nur, dass es in kleinerem Format super funktioniert hat nur das selbe Bild auf einem https-Webspace Scrollbalken einfügt.

  111. Hallo Annette Schwindt
    VIELEN DANK für die Anleitung! Solche AKTUELLEN Anleitungen sind sehr rar im Web, die meisten erklären noch den Status vom Frühjahr 2011… einige wenige die Änderungen ab September. Habe jetzt die Fanpage unseres Oberbürgermeisters mit einer Willkommensseite ausgestattet. ( https://www.facebook.com/klaus.herzog.aschaffenburg ) Es hat dank Ihrer Anleitung wunderbar geklappt, bloß war der Reiter für Aussenstehende nie sichtbar. Ursache nach langem Suchen: auf der Fortgeschrittenen-Seite war der “Sandkastenmodus” aktiviert. :)

  112. Danke für dieses tolle Tutorial. Konnte Dank diesem Tutorial eine individuelle Startseite realisieren. Nur der Link am Ende verwirrt mich etwas -> YOUR_APP_ID, YOUR_URL. Gibt es keine andere Möglichkeit? Das sieht sehr nach Workaround aus :-) Aber nach wie vor, alles Top!

  113. Hallo,
    ich möchte eine Anwendung einbinden, die ausschließlich in https zur Verfügung steht. Das will mir aber nicht gelingen.

    Ich habe versucht im Feld Page Tab URL den https-Link einzufügen und ich habe versucht das Feld leer zu lassen.

    In beiden Fällen wird die Anwendung nach dem Einbinden in die Seite einfach nicht angezeigt.

    Gibt es da eine Lösung?
    lg
    Peter

  114. Hallo, ich hätte mal eine Frage.
    Und zwar habe ich einen Facebook Reiter erstellt, wie sonst immer auch. Nur dieses mal nachdem er integriert und hinzugefügt wurde, lädt der Reiter nicht im Iframe, sondern wird auf einer komplett neuen Seite geöffnet. Quasi wie wenn ich ihn direkt auf meinem Webserver aufrufen würde. Haben sie eine Idee mit was dieses Problem zusammenhängen könnte? Danke für Ihre Antwort.

    Gruß, Thomas

  115. Wahrscheinlich ist es ganz einfach, aber ich komme im Moment nicht drauf.
    Wie wechsele ich in einer php-basierten Anwendung z.B. zur Kalender Ansicht oder zur Pinnwand ohne Facebook neu zu starten.
    Hintergrund ist der folgende, daß ich nach Abarbeitung von aufrufbaren Anwendungen immer zur Pinnwand zurückkehren möchte.
    Danke.

  116. Hallo Frau Schwindt,

    total tolle Anleitung!! Vielen Dank dafür! Haben Sie eine Ahnung was man tun muss damit Lightboxen in den Tabs funktionieren??
    Wäre dankbar für jeden Hinweis!
    Viele Grüße
    mfee

  117. Bin zufällig hier her gelangt…
    Facebook-Reiter können übrigens so lang sein wie sie wollen! .. und eine sichere Verbindung ist auch kein Muss. Beim erstellen einer Anwendung gehört nur die url mit dem https davor angegeben und das wars.

      • Oh ja, allerdings! Erst wenn die App auf einem Server mit einer SSL Verschlüsselung liegt (es reicht ein kleines Hosting-Paket für nicht mehr als 1,99 € / Monat mit Verschlüsselung über den SSL Proxy des Anbieters), funktioniert das sichere Surfen richtig und es gibt keine Fehlermeldungen mehr. Einfach nur https eingeben reicht nicht.

  118. Java Script. Das Teil heißt lytebox. Ware Ihnen sehr zu Dank verpflichtet, wenn Sie eine Alternative nennen könnten, die auch innerhalb Faceboobks funktioniert! :)

  119. Wir bekommen immer die Fehlermeldung,
    dass die Domain nicht die selbe wie in der App wäre:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Obwohl es die selbe Domain ist wie in der App angegeben :-(
    Sch**ss neue Timeline!

  120. Hallo zusammen,
    ich schließe mich den vielen Danksagungen an, mit dieser Anleitung kommt man viiiiiel weiter.
    Einige Anmerkungen:
    Es ist NICHT nötig, auf dem Server einen eigenen fb-Ordner zu erstellen, die Angabe des Originalverzeichnisses funzt auch.
    Ich hatte das Problem, daß nur eine Error-Seite angezeigt wurde. Habe zig mögliche Varianten hin und her probiert, ohne Erfolg.
    Des Rätsels Lösung: ich verwende in der betreffenden Originalseite noch Frames, ein Überbleibsel aus den Gründerjahren. Dann muß unbedingt auf die body-seite verwiesen werden, bei mir body_index.html.
    Es wird dann auch nur der body-frame angezeigt, die volle Seite einschl. Navigationsframe habe ich leider noch nicht hinbekommen.
    Vielleicht hilft dieses ja jemandem weiter….
    Happy Day an alle, und Danke an Annette!! Wieso kriegt man solche Infos nicht von FB?????

    • Ich hab noch was vergessen:
      Die Einbindung in die FanPage ist NICHT wie beschrieben auf der Startseite als Reiter sondern auf der Chronik als Button zu sehen. Hab ich auch erst recht spät gemerkt…

  121. Ich verzweifel, bei mir will das nicht klappen den Seitenreiter einzubinden. Es kommt immer die Fehlermeldung:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Was kann ich nur tun bzw. was ist falsch?

  122. Hallo Frau Schwindt,

    danke für das Tutorial. Ich habe lange gesucht, jetzt habe ich es endlich verstanden … ;) Allerdings habe immer noch ein Problem. Ich bekomme es auch nicht wirklich gelöst. Folgendes:

    Meine Seite wird im iFrame fehlerfrei dargestellt. Allerdings habe ich Scrollbalken in der Seite, da der Inhalt (ein Impressum mit Disclaimer) wesentlich mehr Content als die 800px hat. In der Developerumgebung habe ich bei den “Fortgeschrittenen” Optionen die Einstellungen für “Canvas Width” auf >FlexibelFluid<. Damit sollte ich doch eigentlich keine Scrollbars angezeigt bekommen. Habe ich einen Denkfehler oder ist das ein Problem im System ?

    Ich hoffe, Sie können mir weiterhelfen.

    Danke und Grüße aus dem Allgäu
    Matthias

  123. Hallo Frau Schwindt,
    danke danke danke DANKE!!!!! Für diese Top-Anleitung. ENDLICH erklärt es mal einer richtig und schritt für schritt (anscheinend nirgends sonst im WWW und schon gar nicht im dafür vorgesehenen Developers-Bereich auf Facebook).
    Ich habe Ihrer Anleitung gefolgt und es hat auf Anhieb geklappt. Was mich etwas wundert: Meine Seiten sind nicht SSL-verschlüsselt (https) und trotzdem klappt es -bisher- gut.

    Gruß
    Gregor

  124. Guten Morgen,

    erstmal herzlichen Dank für diese ausführliche Erklärung, hat bis jetzt alles Super geklappt nur eine Frage hätte ich noch. Wenn ich einen Reiter erstellen möchte der zu einer externen Seite führt wo füge ich das target=”blank” ein. Habe mir alle Kommentare durchgelesen aber nichts gefunden. Ich hoffe das Sie mir weiterhelfen können. MFG Simone

  125. Pingback: Die Timeline von Facebook jetzt auch für Seiten – was ändert sich? » netSchmiede24
  126. Hallo Frau Schwindt,

    ich bin mir nicht sicher, ob ich auf dieser Seite hier richtig mit meinem Problem bin, aber ich probiers mal ;-)

    Da ich für meinen Job Gewinnspiele auf FB mache, habe ich über http://apps.facebook.com/meine-gewinnspiele/ den Reiter Gewinnspiele auf unserer FB Seite hinzugefügt.
    Heute habe ich dann das 1. Gewinnspiel gemacht, allerdings scheint irgendwas nicht richtig zu funktionieren:

    Meine Schwester und ich konnten erfolgreich am Gewinnspiel teilnehmen, in der Teilnehmerliste scheine aber nur ich auf (liegt das daran, dass ich sobald ich auf den Reiter klicke und nähre Infos zum Gewinnspiel sehen möchte, auf meinen privaten Account wechseln muss?
    Nur wie sehe ich dann die aktuelle vollständige Teilnehmerliste)

    Meine Kollegin konnte aber nicht teilnehmen, außerdem steht: Dieses Gewinnspiel ist noch nicht freigeschaltet…In meinem Gewinnspiel-Konto gibt es aber keine Möglichkeit, das Gewinnspiel freizuschalten…bin etwas ratlos, können Sie mir hier vielleicht einen Tipp geben??

    Herzlichen Dank und beste Grüße,
    Anita Ennsfellner

  127. Vielleicht sollte man im Tutorial noch etqwas anpassen:

    - Die Url zur Anwendungs-Seite ist https://developers.facebook.com/apps
    - Um ein großes App-Icon für die neuen Timelines zu setzen, auf die Seite gehen wo die App eingebunden ist, mit der Maus über das App-Icon, Klick auf Bleistift, “Einstellungen ändern” und dort auf “Eigenes Reiterbild”. Dann kann man ein Reiterbild mit den Maßen 111 x 74 Pixel hochladen. WICHTIG: Das große Icon kann man NICHT in der App-Erstellung selbst hochladen, dort wird dann nur ein verkleinertes Exemplar als Reiterbild angezeigt (75 x 75 Pixel)!!

    - Den Punkt “Anwendung auf facebook” braucht man in der app-Erstellung NUR, wenn man diese App auch als eigenständige App benutzen will und nicht nur als Seitereiter (wie z.b. Farmville unter apps.facebook.com/farmville).

    - Den Punkt “Webseite” braucht man NUR, wenn man einen Teilen- oder einen Like-Button innerhalb der App einbaut.

    - Statt FB.Canvas.setAutoResize() sollte man nur noch FB.Canvas.setAutoGrow() benutzen.

  128. Das mit der Zentrierung bei 780 Pixel Breite stimmt so auch nicht (mehr), eine app mit 810 Pixel wird jetzt ebenfalls sauber zentriert. Eine maximale Höhe von 800 Pixel gibt es auch nicht, wie im Tutorial angegeben.

  129. ein weiterer Tipp von mir: Falls man zum Hinzufügen einer App zu einer Seite nicht immer diesen Link zusammenbauen möchte, erstellt man sich einfach im Browser einen neuen Favoriten, wählt den Code

    javascript:%20var%20d%20=%20document,f%20=%20′https://www.facebook.com/dialog/pagetab?app_id=’,l%20=%20d.location,e%20=%20encodeURIComponent,p%20=%20′&display=popup&next=http://www.facebook.com’;1;a%20=%20function(){var%20appid%20=%20l.href.match(/\d{10,30}/);if%20(!window.open(f%20+%20appid%20+%20p,%20′linter’,%20′toolbar=0,status=0,resizable=1,width=400,height=200′))%20l.href%20=%20f%20+%20appid%20+%20p};if%20(/Firefox/.test(navigator.userAgent))%20setTimeout(a,%200);else%20{a()}

    als Adresse und kann dann in Zukunft einfach in den App-Einstellungen diesen Favoriten anklicken und bekommt sofort das Popup zum Hinzufügen dieser App zu einer Seite.

  130. Liebe Frau Schwindt, das ist eine ganz großartige Anleitung. Herzlichen Dank!
    Ich möchte den Reiter nun zur Startseite machen – leider gibt es bei mir die Option gar nicht mehr? Hat facebook die abgeschaltet? Gibt es alternativen?
    Beste Grüße,
    Christian.

  131. Hallo, vielen dank für die Anleitung, sie hat mich schon weiter gebracht.
    Wenn ich allerdings auf der Seite bin wo steht “Tab zur Seite hinzufügen” und ich unten recht’s auf “Add Tab Page” klicke, tut sich absolut nicht’s.

    Die Anwendung erscheint auch nicht im Administratoren-Bereich von meiner Fanseite, wenn ich dort unter Verwalten -> Seite bearbeiten -> Anwendungen gehe.

    Wie ist das denn mit der neuen “Timeline Chronik”. Wie kann ich den Tab denn hinzufügen?

    Hoffe auf schnelle Antwort :)

    lg. Patrick …

  132. Hallo, Danke für die gute Anleitung.
    Ich hab schon länger gegrübelt, wie ich diese Tabs da rein bekomme.

    Werde nun mal den sonnigen Tag dafür opfern :-)

  133. Hallo Frau Schwindt,

    ich habe wunderbar eine Seite als eigenen Reiter einbinden können, aber leider muss die Seitenbreite in der Ansicht des Fensters angepasst werden. Wo kann man das anpassen?
    Gruß
    SB

  134. Hallo Frau Schwindt,
    erstmal möchte ich mich für diese gute Anleitung bedanken. Diese hat mich gut durch die Installation geführt. Allerdings bekomme ich bereits bei der Einrichtung eine Fehlermeldung, die ich bisher nich lösen konnte. Nun hoffe ich auf Lösungsvorschläge in Ihrem Blog!

    Fehlermeldung lautet:
    “facebook.com must be derived from your Adresse der Webseite or your Handy-Web-URL. ”

    Folgende Felder habe ich ausgefüllt:
    –> Website, Anwendung auf Facebook und Seitenreiter
    –> index.html und css liegen in einem Unterordner auf meinem Server

    Ich freue mich auf Lösungsvorschläge und bedanke mich schon mal im Voraus.

    Beste Grüße

    • Hallo Frau Schwindt,
      ich glaube, dass ich das Problem gerade gelöst habe. Die Lösung: Bei “Adresse der Website” habe ich http://www.facebook.com (und nicht wie bisher die eigene URL) eingegeben und nun wurden meine Einstellungen erfolgreich gespeichert.

      Grüße

  135. Die Anleitung hat mir super weitergeholfen. Zwischen drin gab es ein Problem mit der sicheren Übertragung (lag an meinem Server). Das habe ich nun aber auch im Griff :).

  136. Danke für die Anleitung. Funzt trotz neuer Facebookversion noch. Vorallem der App-In-Fanpage-Einfüge-Link. Den habe ich sonst nirgends auf Facebook finden können. Thx!

  137. Hallo Frau Schwindt,
    vorweg, ich finde Ihre Anleitung auch ganz klasse!
    Allerdings habe ich natürlich auch eine Frage. Und zwar (wahrscheinlich habe ich es einfach noch nicht richtig verstanden), sehe ich den HTML Inhalt meiner Facebook Tabs nur, wenn ich die sichere Verbindung bei Facebook AUSSTELLE. Was ja nicht so gut ist. ;-) Was wäre denn hierzu die Lösung??
    Wie sehe ich mein HTML, was ich in die Tabs einbinde, denn auch mit sicherer Verbindung bei Facebook? Mein HTML liegt bei meinem 1und1 Hoster und wird dadurch, wie Sie es so gut beschrieben haben, eingebunden. Muss ich da nun SSL dazubuchen?
    Ich freue mich über eine Antwort. ;-)

    Viele Grüße und weiter so!

  138. Gutes Tutorial was gut erklärt ist und auch funktioniert! Nur leider völlig überflüssig weil keiner einen kleinen Button anklickt nur weil er vermutet, dass sich dahinter eine eigene gestaltete Webseite verbirgt. Als Hauptseite wird immer die Facebookseite sein.

    MfG.

  139. Hallo Frau Schwindt,

    vielen Dank für diese Anleitung. Eine Frage. Wenn ich eine Anwendung anlege, kann diese auch von anderen Dacebook-Nutzern verwendet werden? Das möchte ich ja eigentlich nicht, da ich für mein Verein nur einen Tab für das Impressum gemacht habe! Kann ich irgendwo sagen “nicht öffentlich” oder “nur für mich” oder ist das schon von vorne rein so, dass die Anwedungen die ich erstelle nur für mich sind (Deswegen der Link mit der App ID)?!
    Vielen Dank
    MfG Steffen

  140. Hallo Frau Schwindt,

    danke für dein klasse Beitrag. Ich habe damit bereits zwei Iframe Tabs für die Facebook Seite unseres Surfcamp auf Fuerteventura erstellt. (http://www.facebook.com/fuerteventura.surfcamp) Ich habe noch eine Frage allerdings nicht technischer Natur. Wie sind die Reglungen für das Impressum bei Facebook Iframe Tabs? Muss jedes Iframe Tab ein eigenes Impressum haben? Ich habe jetzt immer auf das Impressum unseres Surfcamp (http://www.otro-modo-surfschool.de) verlinkt. Ein Freund hat mir geschrieben, dass seit kurzem eine Abmahnwelle bei Facebook läuft, gegen Iframe Tabs mit unzureichendem Impressum.

    Vielen Dank und Viele Grüße von Fuerteventura
    Christof Uhlmann

  141. Diese Anleitung ist veraltet und entspricht nicht den neuesten Tatsachen.
    Daher: Funktioniert so nicht mehr und ist wieder eine so typisch “fachchinesisch” erklärte Sache = für den Layen unbrauchbar!
    Der Ansatz wäre zwar hervorragend, nur funktioniert es scheinbar an einer Kleinigkeit nicht und genau diese zu Beheben ist mit der Anleitung (leider wie so oft) nicht möglich.
    Habe gerade wieder Mal 5 Stunden an dem Ding rumgemurkst und bin wieder Mal völlig frustriert :-(

  142. Liebe Frau Schwindt,

    vielen Dank für die hilfreichen Tipps auf Ihrer Seite. Ich habe versucht einen Tab zu erstellen, er erscheint auch, aber als Inhalt wird mir angezeigt “Wrong Organisation ID”. Haben Sie eine Idee, was ich falsch gemacht haben könnt

  143. Wow da steckt bestimmt super viel Arbeit in diesem Blog.

    Entweder bin ich aber blind oder die Seite hat sich verändert.
    Ich scheitere schon daran, dass ich den Button
    + create a new app
    nicht auf der Facebook Seite finde, die sich nach klicken des Links öffnet.

    Kann das sein, dass sich das verändert hat?

    gruß

    Kai

    • Hallo Kai,

      ich habe genau dasselbe Problem, dass Du im Februar im Blog von Annette Schwindt (Facebook iframe-Tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen – UPDATED) beschrieben hast. Du hast damals geschrieben: “Entweder bin ich aber blind oder die Seite hat sich verändert.
      Ich scheitere schon daran, dass ich den Button+ create a new app nicht auf der Facebook Seite finde, die sich nach klicken des Links öffnet.” Mir geht es genauso und auch der Tip von Frau Schwindt den Link https://developers.facebook.com/apps zu klicken hilft mir nicht weiter. Hast Du das Problem inzwischen lösen können und hast Du einen Hinweis für mich? Vielen Dank vorab!

      Viele Grüße
      Christin

  144. Hallo Frau Schwindt,

    Ihre Anleitung ist toll… wenn sich auch schon wieder die Benutzerführung von Facebook geändert hat.

    Ich habe eine Frage. Es gibt doch auch Standard Tabs von Facebook. Die nicht erst designt und programmiert werder müssen, sonder direkt eingefügt werden können, z.B. Fotos, Video, Veranstaltungen.

    Gibt es eine Übersicht was es alles gibt und gibt es auch so etwas wie “Downloads” oder “Wallpapers”, wo man Bilder zum Herunterladen anbieten kann??

    Danke für Ihre Antwort im Voraus.

  145. Liebe Annette,

    Unglaublich dass es noch solch nette Leute wie Sie gibt, wo nicht nur sehr einfach und effizient erklären wie alles funktioniert, sondern sich auch die Zeit nehmen individuelle Fragen zu beantworten. Die Welt braucht mehr Menschen wie Sie!!

    Nun wenn ich dürfte hätte ich auch eine ganz kurze Frage^^
    Ist es möglich ein Kalender als Applikation anzulegen, bei dem man beispielsweise an beliebigen Daten Notizen oder Nachrichten nach und nach einfügen kann? Vielen Dank im Voraus für all Ihre Bemühungen.

    Falls es Ihnen interessiert, diese Applikationen hab ich nur Dank Ihnen geschafft:)
    http://www.facebook.com/pages/ABC-Leinwandbilder/337855619639855?ref=hl

    • Ich kann die von Ihnen angegebene Seite nicht finden. Ist sie vielleicht noch unveröffentlicht?

      Was Sie als individuellen Inhalt anlegen, bleibt Ihnen überlassen. Sie können Ihren Programmierkünsten freien Lauf lassen.

  146. Guten Tag Frau Schwindt,

    der Artikel ist wirklich gut. Ich möchte auch ein eigenes Tab für meine Fanpage einrichten. Es soll eine Seite mit verschiedenen Produkten werden. Jedes einzelne Produkt soll einzeln geliket werden können. Und hier liegt auch schon das Problem.

    Ist das einzelene Liken eines Produktes in dem Tab bzw. der Applikation möglich und falls ja wie??? Ich komme einfach nicht weiter.

    Vielen Dank im Voraus.

    Melli

  147. Hallo Frau Schwindt,

    Ich habe meinen Reiter dank ihrer Anleitung integrieren können. Leider öffnen sich die Links im Menü (Startseite) des Reiters auf einer neuen “blanko” Seite und nicht innerhalb von Facebook. Woran könnte das liegen?

    LG
    Max

    • Daran, wie Sie sie verlinkt haben. wenn es im selben Frame passieren soll, dürfen Sie nicht target=”_blank” setzen. Das ist nur für Links da, die nach draußen führen sollen.

  148. Hallo habe eine frage hab bei Facebook mir eine Seite gemacht und ein iframe mit eingebunden ich habe seit kurzen ein Problem man kann sich das iframe nicht mehr anschauen weil er immer auf https geht. Kann ich das umstellen das er wieder auf http geht weil wenn ich mich anmelde mit Benutzer und Passwort sehe ich das iframe habe aber nichts geändert und es hat bis vor kurzem noch funktioniert.

  149. Hallo, danke für diese super Anleitung.
    Eine Frage stellt sich mir noch. Ich habe ein Tab für meine Fanpage erstellt. Ich seh in auf meiner Seite mit entspr. Bild etc. Wie aber kann ich das kleine Bildchen / Icon (16 x 11px) neben dem Tabnamen ändern und anpassen?

    Die oben beschriebene Variante funktioniert so nicht mehr. Auch die Größe (16 x 16px) scheint sich geändert zu haben?

    Danke im Voraus und glg

  150. Vielen Dank für die Anleitung, mit der ich eigene Custom-Tabs erstellt und eingebunden habe!
    Nun funktioniert so weit auch alles, wenn man als Administrator der entspr. Facebookseite eingelogt ist. Ist man aber als ein anderer Nutzer oder gsr nicht bei Facebook angemeldet, werden die neuen Tabs nicht angezeigt.
    Können sie mir sagen, woran das liegen könnte? – Vielen Dank!

  151. Hallo

    Ich sehe Du kennst Dich aus Mit FB-Apps. Ich binnun schon seit Wochen daran und komme nicht weiter. ich habe das FB. App welches ein Submit Formular enthält. wenn ich den Submit Button Drücke ferliere ich die User ID, udn ich müsste mich neu einloggen. dabei müsste die Seite einfach mit den Post Variablen neu geladen werden..

    Kann man mir hier weiterhelfen?

    Danke euch

  152. Hallo,
    zuerst einmal vielen Dank für die tolle Anleitung, das ist mal ein wirklich guter Leitfaden mit dem ich meine Fanpage schon mal erstellen konnte.
    Aber anscheinend habe ich ein Problem mit dem Einbinden der externen css-Datei.
    wenn ich den link rel zum Pfad der css-Datei einbinde, wird diese scheinbar von FB übersehen, nun habe ich den Pfad auch schon auf https: abgeändert – Leider ohne Erfolg
    Wenn ich natürlich die css-Anweisung direkt mit in die Fanpage tippe, dann funktioniert das auch.
    Nun habe ich bei den anderen “Großen” nachgesehen und die laden Ihre CSS Datei auch nach, allerdings meistens von irgendwelchen facebook-seiten.
    Hat jemand eine Idee wie ich die externe CSS-Datei in meine Fanpage bekomme.
    Und keine Sorge, die Schreibweise ist richtig, habe ich natürlich schon auf der Domäne kontrolliert, wo die Fanpage abgelegt ist

    • Hm… also bei mir funktioniert es durch Einbinden des üblichen (spitze Klammer)link rel=”stylesheet” type=”text/css” media=”screen” href=”…”(spitze Klammer) in den Header der jeweiligen in den Tab einzubindenden webpage.

      • Hallo Frau Schwindt,

        habe das gleiche Problem wie Schibi. Der Verweis auf das css ist aber wie von Ihnen beschrieben.
        Nutze die Woobox Tabs.

        Welche Lösungsansätze gibt es noch?

        Danke und viele Grüße
        Matthias

  153. Hallöchen an alle,

    das ist ein super Artikel, sehr hilfreich :-) Ich hätte da allerdings noch ein anderes Problem… Ich habe einen Reiter, der auf eine externen WordPress-Blog weiter führen soll. Das funktioniert auch alles. Wenn man allerdings nicht gerade in einem super schnellen Netz ist (z.B. in meinem Uni-Netz), dauert der Aufbau der Seite ewig. Und damit meine ich leider nicht 20 – 30 sekunden, sondern teilweise bis zu 15 min. Hat jemand eine Idee woran das liegen kann?

    Liebe Grüße und schon einmal Danke im Voraus :-))

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *