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

Ich freue mich, wenn Sie diesen Beitrag weitersagen via        

504 Gedanken zu „Facebook iframe-Tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen – UPDATED

    1. grueter6

      Hallo Frau Schwindt

      Vielen Dank für die Super Anleitung, als FB Neuling bin ich auf solche angewiesen.

      Ein Problem habe ich noch:
      Ich habe alles nach Ihren Angaben gemacht und die Anwendung hinzugefügt. Sie erscheint mit Icon aber der Inhalt bleibt leer, ohne Fehlermeldung oder sonst was…

      Wenn ich den Inhalt auf meinem Webspace ansehe funktioniert es einwandfrei. Also müsste ein Fehler in der Anbindung sein???

      Liebe Grüsse

      Antworten
      1. Markus Zeitlhofer

        Lieber Grueter,
        versuchen sie das Tutorial wie oben beschrieben durchzuführen, die Anwendungsdomain aber auf die Adresse ihrer eigenen Webseite umzustellen. Bei mir hat das in der Praxis genau dasselbe Problem behoben ;)

        Antworten
        1. Manuel

          Hallo,

          leider funktioniert es nicht wenn man die Anwendungsdomain ändert. Dort kommt sofort eine Fehlermeldung.

          Mein Problem liegt darin das mein Inframe bei manchen Usern angezeigt wird und bei manchen der inhalt einfach nur weiß bleibt.
          kann mir jemand helfen das Problem zu lösen?

          Viel Dank

          Antworten
    2. Sandra

      Mit “Test” 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.

      Leider ist bei mir folgender Fehler aufgetaucht. Früher ging das super mit der Anwendung, aber jetzt kriege ich das nicht mehr hin.

      Antworten
        1. Torsten wolter

          ich habe das gleiche Problem. ich habe bei url/secure url entsprechend den Link der seite hinterlegt, die angezeigt werden soll. und dann habe ich die url wie in der anleitung modifiziert und aufgerufen.

          wär ja auch zu einfach gewesen, wenn fb es einfach so gelassen hät wie es super funktioniert hat, link auf profilseite, einbinden klicken und fertig

          Antworten
          1. Torsten wolter

            also ich habe gefunden woran es liegt. wenn man unter den erweiterten Einstellungen eine Page für die App anlegt, dann kann man den Link wie beschrieben nutzen

            Antworten
            1. Ruth

              Ich habe das selbe Problem. Kann mir jemand erklären wie ich es löse? Erweiterte Einstellungen habe ich nicht gefunden nur “Fortgeschrittene” … sehr leider grad garnicht durch :(
              Danke!!!

              Antworten
      1. NNi

        bei mir ist auch immer die gleiche fehlermeldung gekommen, bin dann aben nach einigen versuchen draufgekommen wo mein fahler war!
        man muss als YOUR_URL (wie im tutorial beschrieben) die gesamte url inklusive dem index.html – file eingeben.

        also nicht wie im beispiel:

        https://www.facebook.com/dialog/pagetab?app_id=123456789012345&display=popup&next=http://www.meinedomain.de/fb/

        bei

        [...] http://www.meinedomain.de/fb/

        aufhören, sonder dann auch noch index.html hinten anfügen!

        dann müsste das beispiel so aussehen:

        https://www.facebook.com/dialog/pagetab?app_id=123456789012345&display=popup&next=http://www.meinedomain.de/fb/index.html

        so hats bei mir funktioniert!
        ich hoffe ich konnte weiterhelfen!

        Antworten
    3. Daniel

      Super Sachen, vielen Dank für die Anleitung. Also nach der Facebook anleitung hät ich das nicht hinbekommen, war schon kurz davor den PC ausm Fenster zu schmeißen. Haben Sie mir also Zeit und Geld gesparrt hehe.

      Bitte mehr von diesen Super Anleitungen :)

      gruß

      Daniel

      Antworten
  1. Ian

    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?

    Antworten
  2. Regina Walter

    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?

    Antworten
    1. Quellenbeck

      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.

      Antworten
  3. Robin

    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.

    Antworten
  4. Pingback: Facebook-Fanseiten: Menü in FBML-Reiter einbauen « In Sachen Kommunikation

  5. Pingback: Facebook-Fanseiten: Einbinden von CSS in FBML-Reiter « In Sachen Kommunikation

  6. Pingback: Static FBML-Reiter und der Internet Explorer… « In Sachen Kommunikation

  7. Saskia

    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

    Antworten
    1. Marcel Deutschel

      Nein, gibt es nicht und diese Art der Verifizierung ist auch nicht neu, sondern gilt schon eine ganze Weile, wenn man Facebook-Apps entwickeln will. Nur auf diesem Wege erreicht man den “Developer-Status”

      Antworten
    2. Mia Schöbel

      Wo ist das Problem? Wozu gibt es Prepaid-Handies?

      Unabhängig davon finde ich es auch nicht gut, so etwas umgehen zu wollen. Diese Sicherheitsmaßnahmen haben ihren Sinn, gerade im Developerbereich.

      Antworten
  8. Pingback: Link-Tipps der letzten Woche | Leander Wattig

  9. Jafeth Mariani

    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?

    Antworten
      1. Jo_

        Bei mir erschien der Reiter auch nicht automatisch, einfach bei den Einstellungen der Seite auf “Applikationen” gehen, dort die neue auswählen und bei Reiter “hinzufügen” auswählen.

        Antworten
  10. Jafeth Mariani

    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?

    Antworten
        1. Ian

          Richtig!

          Falls man keine https-URL hat, kann man diese beim Domainhoster beantragen, bei einigen Anbietern ist dieses Sicherheitszertifikat bereits kostenfrei im Paket enthalten.

          Ganz ohne https-URL funktioniert es nach meinen Erfahrungen (derzeit/bisher) leider nicht.

          Antworten
          1. Peter

            Wenn ich das recht richtig sehe – geht ohne eine https – Seite garnichts mehr – kann mir einer bitte mal sagen welches SSL-Zertifikat für Facebook ausreichend ist? Danke und Gruß Peter

            Antworten
    1. Annette Schwindt

      Gehen Sie zu den Einstellungen Ihrer Anwendung unter facebook.com/developers und geben Sie bei Fortgeschiritten > Sichere Canvas-URL die https-Verbindung ein, über die Ihre Inhalte erreichbar sind (wenn Sie sowas haben).

      Antworten
  11. Jafeth Mariani

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

    Antworten
  12. Jürgen Heitzmann

    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

    Antworten
    1. Annette Schwindt

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

      Antworten
  13. Klara Sprenger

    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

    Antworten
  14. Patrick Werner

    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?

    Antworten
  15. Klaus Heyne

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

    Antworten
  16. Basti

    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!

    Antworten
  17. Michael

    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!

    Antworten
      1. Martin Harzer

        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.

        Antworten
  18. Pingback: Facebook: Wenn der iframe-Tab Probleme macht « In Sachen Kommunikation

  19. Susanne Rauh

    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.

    Antworten
  20. Peter Witt

    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”

    Antworten
          1. Lukas Meyer

            Danke für die tolle Anleitung!

            Hatte das selbe Problem und habe beim schreiben der Antwort die Lösung gefunden :)

            Bei mir lag es an den Canvas Settings, hier hatte ich bei Tab URL den falschen Wert hinterlegt. Es war leicht verwirrend, da die Bilder der Anleitung von dem aktuellen Zustand abweichen.

            Ich hatte vorher die komplette Adresse der app hinterlegt:
            http://apps.facebook.com/meineApp/index.php

            Es reicht jedoch einfach nur “index.php”

            Antworten
  21. Jo_

    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.

    Antworten
      1. Jo_

        Die App ist nicht hinzugefügt. Trotzdem kann ich sie auch ohne Anmeldung anwählen. Liegt hier ein Fehler vor? Ich kann die App zwar nicht über die fb-Suche finden, allerdings über die direkt Adresse ansprechen.

        Antworten
          1. Daniel L.

            Hallo Frau Schwindt,

            ich habe dasselbe Problem. Ich möchte die Fanseite in den FB-Suchergebnissen erscheinen lassen, die App jedoch nicht. Ist soetwas möglich?

            Beste Grüße

            Daniel San

            Antworten
            1. Daniel L.

              Hallo Frau Schwindt,

              schonmal vielen Dank für die Antwort.
              Gibt es die Möglichkeit die App aus dem Verzeichnis zu entfernen?

              Vielen Dank und beste Grüße
              Daniel San

              Antworten
  22. Stefan_J

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

    Antworten
  23. Pingback: Wie barrierefrei ist Facebook? « In Sachen Kommunikation

  24. Robert

    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

    Antworten
      1. Ramona

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

        Antworten
        1. Annette Schwindt

          Sie als Admin und alle, die bereits Fan sind, sehen immer die Pinnwand zuerst. Einen anderen Standardreiter – sofern definiert – sehen nur Nichtfans und nichteingeloggte zuerst.

          Antworten
          1. Schammakobf

            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

            Antworten
  25. Holger

    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)

    Antworten
  26. Maren

    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!

    Antworten
      1. Maren

        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! :)

        Antworten
  27. Emin

    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

    Antworten
  28. Matze

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

    Antworten
  29. Johannes genske

    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?

    Antworten
  30. Pingback: Facebook: Neues zu iframe-Tabs und https « In Sachen Kommunikation

  31. Flo_K

    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?

    Antworten
  32. Pingback: iFrames bei Facebook – Eine schwere Geburt « Mainfranken ZweiNull

  33. bedunet

    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.

    Antworten
  34. Charles

    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

    Antworten
  35. daniel

    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 ?

    Antworten
  36. Christian Voss

    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.

    Antworten
    1. Annette Schwindt

      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.

      Antworten
    1. Annette Schwindt

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

      Antworten
  37. Pingback: Social Media Tools für Filmemacher | Social Film Marketing BLOG

  38. christrina

    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.

    Antworten
  39. J.-David

    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.

    Antworten
  40. Trancerapid Photography

    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?

    Antworten
  41. Jacob S.

    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.

    Antworten
    1. Annette Schwindt

      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.

      Antworten
  42. Chris P.

    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

    Antworten
    1. Annette Schwindt

      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.

      Antworten
  43. Daniel L.

    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

    Antworten
  44. H. Mania

    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

    Antworten
  45. Mario Hamel

    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

    Antworten
    1. Annette Schwindt

      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.

      Antworten
  46. Janine

    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

    Antworten
      1. Janine

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

        Antworten
  47. NIna

    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

    Antworten
    1. Michael

      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?

      Antworten
      1. Nina

        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…

        Antworten
  48. Oliver

    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!

    Antworten
      1. Oliver

        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 …

        Antworten
  49. Daniela

    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!

    Antworten
    1. Annette Schwindt

      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.

      Antworten
  50. Daniela

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

    Antworten
  51. Florian

    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?

    Antworten
  52. Anja Windmüller

    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

    Antworten
  53. Christina

    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

    Antworten
  54. Christina

    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!

    Antworten
      1. Christina

        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)

        Antworten
            1. Christina

              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…

              Antworten
  55. Marco

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

    Antworten
  56. Sabine

    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?

    Antworten
  57. Holger

    Hallo Frau Schwindt,

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

    LG

    Antworten
  58. Klaus-Dieter Brinkmann

    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 ?

    Antworten
  59. Ralf Arndt

    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

    Antworten
      1. Ralf Arndt

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

        Antworten
  60. Florian Pertlik

    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

    Antworten
      1. Florian Pertlik

        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

        Antworten
  61. Schatzberg-Haus Auffach

    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

    Antworten
  62. Pingback: Twitted by crowdcompanyUG

  63. Robert

    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

    Antworten
  64. Sebastian Wagner

    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…

    Antworten
  65. stoffel

    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?

    Antworten
  66. Mike

    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

    Antworten
    1. Mia Schöbel

      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?

      Antworten
  67. Robin

    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

    Antworten
  68. Boris

    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ß

    Antworten
  69. Brinkmann

    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

    Antworten
  70. Carl

    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.

    Antworten
  71. Brinkmann

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

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

    Antworten
  72. Tobias

    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

    Antworten
        1. Brinkmann

          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

          Antworten
            1. Brinkmann

              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.

              Antworten
  73. Pingback: Wie komme ich in facebook auf eine neue Seite wo ich das mobile Template einbinde

  74. peter

    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

    Antworten
  75. Tom

    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

    Antworten
  76. Marco

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

    Antworten
  77. Marco

    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!

    Antworten
  78. Marco

    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

    Antworten
        1. Marco

          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 :D

          Antworten
          1. Marco

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

            Antworten
      1. Marco

        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*

        Antworten
  79. Henrik

    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

    Antworten
      1. Henrik

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

        Antworten
  80. Henrik

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

    Antworten
  81. Christoph

    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!

    Antworten
  82. Rico

    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!

    Antworten
  83. Pingback: sluter.de » Facebook Impressum Pflicht – Info Reiter reicht nicht » Facebook Twitter und Co., Social Media

  84. Oliver

    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…

    Antworten
  85. Annika

    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

    Antworten
        1. Annika

          Vielen Dank für die Antwort. Ich habe mich mit dem Provider (T-Com) in verbindung gesetzt. Scheinbar bieten diese keine SSL-Zertifikate an. Die einzige möglichkeit ein Zertifikat von ihnen zu bekommen, ist wenn die Daten auf einem externen Server, also nicht auf dem der T-Com liegen. Das ergibt für mich keinen Sinn, hat jemand erfahrung mit der T-Com?

          Antworten
            1. Annika

              Naja, ganz so einfach ist das mit drei Domains nicht. Es muss doch auch eine andere Möglichkeit geben? Aber die Seiten die scheinbar kostenlose SSL-Zertifikate anbieten, machen keinen besonders seriösen eindruck auf mich.

              Antworten
        2. Klaus-Dieter Brinkmann

          Hier eine Sammlung von Seiten, die alle Anwendungen ohne https haben.
          Die letzte Anwendung hierfür wurde am 20. Oktober erstellt.
          D.h. es geht zumindest bei mir ohne https

          http://www.facebook.com/pages/TV-1873-Wehen-eV/120437144695510
          http://www.facebook.com/pages/TV-1873-Wehen-eV/120437144695510#!/pages/Schwimmbad-Taunusstein/250317188314078
          http://www.facebook.com/pages/TV-1873-Wehen-eV/120437144695510#!/pages/Ristorante-Pizzeria-La-Bruschetta-Da-Davide/166814913376982
          http://www.facebook.com/pages/TV-1873-Wehen-eV/120437144695510#!/pages/Tennisclub-Wehen-eV/108273685917111
          http://www.facebook.com/pages/TV-1873-Wehen-eV/120437144695510#!/pages/Wir-mischen-uns-ein/231406536919121

          Antworten
  86. Klaus-Dieter Brinkmann

    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.

    Antworten
  87. Davina

    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.

    Antworten
      1. marcus

        ….mhm, ich habe eine eine anwendung erstellt, aber ich finde nicht die option wo ich meiner seite einen reiter der neuen anwendung zuordnen kann….

        Antworten
  88. Ralf Arndt

    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

    Antworten
  89. Birgit

    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

    Antworten
  90. Ralf Arndt

    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

    Antworten
  91. Oliver

    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!

    Antworten
  92. Michi

    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

    Antworten
  93. Jaco Saljihi

    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

    Antworten
    1. Annette Schwindt

      Indem Sie den betreffenden Reiter unter Seite bearbeiten zum Standardreiter einrichten. Gilt aber nur für Nichtfans und Nichteingeloggte. Alle anderen gelangen immer zum Herzstück der Fanseite = Pinnwand

      Antworten
  94. accessburn

    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?

    Antworten
  95. Jochen

    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

    Antworten
    1. Christine

      Du müsstest das unter den Page Einstellungen noch umstellen. Unter “Genehmigungen verwalten” gibt es in der Mitte den Punkt “Standard-Reiter”. Dort müsstest du deine Subpage auswählen können.

      Antworten
  96. Christian

    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

    Antworten
    1. Christian

      Edit: Eine ähnliche Antwort, die sie bereits oben gegeben haben hilt nicht. Ich gehöre als Admin schon zu diesem “Aufgabenbereich”. Danke!

      Antworten
      1. Christian

        Ja ich hoffe…. ist nämlich wirklich bisschen doff :-)

        Habe die Anwendung auch schon komplett neu erstellt. –> gleicher Fehler.. schade

        Dennoch vielen Dank für Ihre Hilfe.

        Antworten
  97. Markus

    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

    Antworten
        1. Markus

          Ok, war mein Fehler.

          Wenn die Anwendung mittels “Direct URL Example” hinzugefügt werden möchte, muss die URL natürlich mit der “Page Tab URL” der Anwendung übereinstimmen.

          Antworten
  98. Marcus

    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

    Antworten
      1. Markus

        “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

        Antworten
  99. dirtytea

    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!

    Antworten
  100. tino

    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!

    Antworten
  101. Jürgen

    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!

    Antworten
  102. Mia Schöbel

    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

    Antworten
  103. Uwe

    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

    Antworten
    1. Annette Schwindt

      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…

      Antworten
  104. Angela

    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

    Antworten
  105. Cekay

    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

    Antworten
  106. Kathy

    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

    Antworten
  107. Ljubisa Radovic

    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 (:

    Antworten
  108. Martin

    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

    Antworten
      1. Martin

        Es ist eine eigene Anwendung. Ich habe natürlich auch im Developersbereich versucht zu überschreiben. Aber es geht einfach nicht. Das alte Icon wird dann gelöscht und es bleibt das default-icon. :(

        Antworten
  109. Eddie

    Ich will ne Fanpages erstellen und ich kann keine Reiter hinzufügen und frage mich wieso ich mach alles wie ihm TuT. Bitte um Hilfe.

    Antworten
  110. Marco Barreto

    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*

    Antworten
  111. eddy

    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

    Antworten
  112. Maximilian

    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?

    Antworten
      1. Maximilian

        Hat heute nach Versuch Nr. 10 geklappt. Hab bei der URL wohl immer die Zeile vertauscht. Funktioniert nun einwandfrei – dennoch vielen Dank.

        Antworten
  113. Renato S. Caputo

    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

    Antworten
  114. Lena

    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

    Antworten
    1. Lena

      Ja, das wollte ich auch so machen, aber dann kommt die Fehlermeldung:
      “The requested URL /facebook/oar/www.facebook.com/pages/OAR/118005274984813 was not found on this server.”

      Das Verzeichnis /facebook/oar ist das Verzeichnis in dem die andere Seite auf der Server liegt.

      Antworten
  115. Maximilian

    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.

    Antworten
      1. Maximilian

        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.

        Antworten
        1. Annette Schwindt

          Ich kann Ihnen keinen kostenlosen Individualsupport geben. Bin auch kein Entwickler. Ggf. kann Alexander Schestag von DeinWeb.org helfen, aber der macht es sicher auch nicht kostenlos…

          Antworten
  116. Tom

    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

    Antworten
  117. Pingback: Die perfekte Facebook-Fanseite - Tipps und Tricks | Online Marketing Agentur (Projecter GmbH)

  118. Michael Franke

    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

    Antworten
  119. Pingback: Impressum für Facebook-Fanseiten – JK DV-Systeme Blog

  120. Sascha

    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.

    Antworten
  121. Sven

    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

    Antworten
  122. Sven

    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.

    Antworten
  123. Mike

    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

    Antworten
  124. Philipp

    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

    Antworten
  125. Jonas

    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

    Antworten
      1. 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.

        Antworten
        1. Annette Schwindt

          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.

          Antworten
          1. Jonas

            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.

            Antworten
  126. Robert

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

    Antworten
  127. Pingback: Facebook | Startseite selber gestalten - nPage.de - Forum

  128. Karsten Knöfler

    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!

    Antworten
  129. Haipe

    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

    Antworten
  130. Thomas

    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

    Antworten
  131. Brinkmann

    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.

    Antworten
  132. mfee

    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

    Antworten
  133. Reinhard

    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.

    Antworten
      1. areuters

        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.

        Antworten
  134. mfee

    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! :)

    Antworten
  135. Marc

    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!

    Antworten
    1. Annette Schwindt

      Diese Fehlermeldung kommt immer im Zusammenhang mit einem Fehler mit der sicheren Verbindung. Verfügt die Seite, die Sie einbinden wolen, denn über eine funktionierende htttps-Version?

      Antworten
      1. Marc

        Soweit schon.
        Aber auch da habe ich jetzt gesehen,
        dass man bei der SSL Verbindung den genauen Pfad zur Startseite angeben muss. Soweit funktioniert es jetzt, Danke!

        Antworten
  136. Helmut Heinmöller

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

    Antworten
    1. Helmut Heinmöller

      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…

      Antworten
  137. Markus

    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?

    Antworten
      1. Marc

        …bei mir war ich kurz vor dem Zusammenbruch weil ein ” / ” gefehlt hat bei ” index.php/ ” bzw. eins zuviel / falsch gesetzt war…

        Antworten
  138. Matthias Schiller

    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

    Antworten
    1. Matthias Schiller

      Nachtrag: Ich habe natürlich in den “Fortgeschrittenen” Optionen bei “Canvas Height” auch den Punkt >FELXIBEL< aktiviert.

      Antworten
  139. Gregor Hertz

    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

    Antworten
  140. Simone

    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

    Antworten
  141. Pingback: Die Timeline von Facebook jetzt auch für Seiten – was ändert sich? » netSchmiede24

  142. Anita

    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

    Antworten
  143. Sascha

    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.

    Antworten
  144. Sascha

    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.

    Antworten
  145. Sascha

    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.

    Antworten
  146. Christian Pfetzing

    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.

    Antworten
  147. Patrick S.

    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 …

    Antworten
    1. Patrick S.

      Konnte das Problem lösen.
      Problem ist jetzt nur ich brauche einen KOSTENLOSEN Webspace mit SSL Zertifikat, da mein Webspace das nicht unterstützt. Man muss ja die URL mit https:// angeben.

      Hat da Jemand eine Idee?

      Antworten
  148. Maurer

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

    Antworten
  149. Sibylle

    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

    Antworten
  150. Björn

    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

    Antworten
    1. Björn

      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

      Antworten
  151. seonage

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

    Antworten
  152. Terraloader

    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!

    Antworten
    1. Cicero

      Kann es sein, daß facebook an der Stelle mal wieder etwas verändert hat?
      Vor 14 Tagen habe ich mit dem Link: https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=http://www.facebook.com/

      noch einen Reiter an eine Seite anbinden können. Gestern hat es nicht funktioniert. Die Anwendung ist vorhanden und funktioniert, aber ich bekomme sie nicht in die Seite integriert, d.h. sie wird nach aktivieren des Links und hinzufügen zur Seite trotzdem nicht in den Anwendungen der Seite angezeigt.

      Antworten
  153. Julia

    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!

    Antworten
  154. Pingback: Facebook: Tabs | Kristine Honig

  155. Cabal

    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.

    Antworten
  156. Steffen

    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

    Antworten
  157. Chris Surfcamp

    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

    Antworten
  158. Urs

    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 :-(

    Antworten
  159. Frauke

    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

    Antworten
      1. Frauke

        Dann brauchts vielleicht noch mehr Erklärungen. :) Ich habe keine eigene Seite verlinkt, sondern einen Link, der zu unserer Spendenseite (gestellt durch eine Bank) führt. Können da spezielle Probleme auftreten?

        Antworten
  160. Kai

    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

    Antworten
    1. christin ursprung

      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

      Antworten
  161. N. H.

    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.

    Antworten
  162. Andrea

    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

    Antworten
    1. Annette Schwindt

      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.

      Antworten
  163. Melli

    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

    Antworten
    1. Annette Schwindt

      Wenn die einzelnen Produkte jeweils eine eigene HTML-page haben, ja. Sie müssten also eine index mit einer Übersicht erstellen, von der aus man sich dann innerhalb des Tabs zu den einzelnen Prpdukten weiterklicken kann.

      Antworten
  164. Max

    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

    Antworten
    1. Annette Schwindt Artikelautor

      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.

      Antworten
  165. Michi

    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.

    Antworten
  166. Nadini

    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

    Antworten
  167. Chris

    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!

    Antworten
  168. Stephan

    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

    Antworten
  169. Schibi

    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

    Antworten
    1. Annette Schwindt Artikelautor

      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.

      Antworten
      1. mats

        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

        Antworten
  170. Steffi Meinken

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

    Antworten

Hinterlasse eine Antwort

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

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>