Wichtiger Hinweis:<\/strong> Ich wurde nach meinem ersten Klick auf diesen Button mit Fehlermeldungen \u00fcberh\u00e4uft, dass ich zuerst mein Konto verifizieren m\u00fcsse. Anfangs hat das nicht geklappt (ich wollte es per Handy machen – schlimm genug, was Facebook da schon wieder an Daten haben will…). Dieser Link half mir dann aus der Patsche: https:\/\/www.facebook.com\/confirmphone.php<\/a>. Dar\u00fcber erhielt ich eine SMS mit dem Best\u00e4tigungscode, den habe ich brav eingetippt und dann hat es geklappt. Beim Eingeben der Handynummer nur drauf achten, dass ihr die f\u00fchrende 0 weglasst! Bei allfacebook.de<\/a> gibt’s nochmal die Verifizierungsinfos auf einen Blick.<\/p>\n Sofern es klappt und ihr eure neue Anwendung erstellen k\u00f6nnt, m\u00fcsst ihr dieser zun\u00e4chst einen Namen geben und den Gesch\u00e4ftsbedingungen von Facebook zustimmen. Danach folgt eine Sicherheitskontrolle per Captcha. Habt ihr bis hierhin alles richtig gemacht, kommt ihr zur \u00dcbersicht der Einstellung f\u00fcr eure App. Hier k\u00f6nnt ihr nun noch eine Beschreibung hinzuf\u00fcgen, ein eigenes Icon vergeben (welches dann \u00fcbrigens auch auf der Fanseite angezeigt wird) und die Spracheinstellungen vornehmen.<\/p>\n Der Reiter „Facebook-Einbindung“ ist wohl einer der wichtigsten bei den Einstellungen. Hier legt ihr die URL fest, die der iFrame laden soll. Dort gebt ihr den Pfad zur Seite ein, die ihr zuvor erstellt und hochgeladen habt. Weiter unten auf dieser Seite findet ihr den Abschnitt „Seiten-Reiter“. Hier gebt ihr den Namen der Anwendung in der Form, wie er auch auf der Seite sp\u00e4ter erscheinen soll, ein. Dazu habt ihr 16 Zeichen zur Verf\u00fcgung. Den Reiter-Typ stellt ihr auf „IFrame“ – klar. Im Feld „URL des Reiters“ gebt ihr keine vollst\u00e4ndige URL, sondern nur die erste Seite ein, die aufgerufen werden soll von der URL, die ihr bereits oben unter „Canvas-URL“ eingegeben habt. Ein Beispiel:<\/p>\n Nicht vergessen, die vorgenommenen Einstellungen auch mit dem Button „\u00c4nderungen speichern“ zu \u00fcbernehmen! Ihr k\u00f6nnt sp\u00e4ter noch an den anderen Einstellungen nach Belieben herumschrauben. Dazu w\u00e4hlt ihr unter eurem Developers-Konto rechts oben aus der Box den Punkt „Meine Anwendungen anzeigen“ aus. Hier werden eure Apps aufgelistet und k\u00f6nnen ver\u00e4ndert werden. Ich habe z.B. den „Sandkasten-Modus“ unter dem Tab „Erweitert“ aktiviert, um nur mir selbst eine Anmeldung zur Anwendung zu gestatten.<\/p>\n Von der \u00dcbersichtsseite eurer erstellten App aus gelangt ihr mit dem Link „Anwendungs-Profilseite“ zur Profilseite eurer Anwendung. Die sollte so aussehen, wie ihr es auch von anderen Anwendungen kennt. In der linken Spalte unter dem Profilfoto findet ihr in der Linkliste den Punkt „Zu meiner Seite hinzuf\u00fcgen“. Im sich \u00f6ffnenden Dialogfenster k\u00f6nnt ihr nun die Seite ausw\u00e4hlen, zu der die Anwendung hinzugef\u00fcgt werden soll. Klickt dazu auf den Button „Einer Seite hinzuf\u00fcgen“. Fertig!<\/p>\n Ja, ich auch nicht. Aber es ist da! Die oberen Schritte haben bei mir zum Erfolg gef\u00fchrt. Das Problem war, dass ich eine sichere Verbindung von Facebook<\/strong> nutze (https). Das scheint die Anzeige der App auf der Seite tats\u00e4chlich zu unterdr\u00fccken. Wenn ich die sichere Verbindung deaktiviere, sehe ich alles genau so, wie es sein soll. Klicke ich auf meiner Seite auf die Anwendung, erscheint der iFrame. Ich werde beobachten, was sich in der n\u00e4chsten Zeit tut und verschiedene iFrames gestalten und einbinden. Sobald ich mehr wei\u00df, gebe ich Laut. Ich denke, hier muss Facebook aktiv werden.<\/p>\n","protected":false},"excerpt":{"rendered":" Wie schon erw\u00e4hnt, wird es in der n\u00e4chsten Zeit nicht mehr m\u00f6glich sein, Static FBML zu einer Facebook-Seite hinzuzuf\u00fcgen und als App zu nutzen. Facebook hat sich dazu entschlossen, diesen Dienst einzustellen und auf die iFrame-Technik umzuschwenken. Das bedeutet f\u00fcr Seiteninhaber zum einen zwar erneute Arbeit und Umstellung, zum anderen allerdings auch ein paar mehr … Tutorial: Facebook iFrame auf Seiten nutzen<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[73,74,75],"class_list":["post-295","post","type-post","status-publish","format-standard","hentry","category-web","tag-facebook","tag-iframe","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":3,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/295\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/295\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tobiasherrmann.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Facbook](\"http:\/\/tobiasherrmann.com\/blog\/wp-content\/fbiframe3.jpg\")
\n<\/strong><\/p>\n![\"Facbook](\"http:\/\/tobiasherrmann.com\/blog\/wp-content\/fbiframe2.jpg\")
<\/p>\nFacebook-Einbindung<\/h3>\n
![\"Facbook](\"http:\/\/tobiasherrmann.com\/blog\/wp-content\/fbiframe1.jpg\")
<\/p>\nWie kommt der iFrame jetzt auf meine Seite?<\/h3>\n
Ich sehe nichts!<\/h3>\n
\nAllerdings m\u00f6chte ich trotzdem die sichere Verbindung nutzen. Bleibt die Option, die iFrame-URL (Canvas) \u00fcber einen sicheren Server, der ebenfalls die https-Verbindung hat, anzugeben. Eine andere Methode habe ich bis jetzt leider noch nicht gefunden. Falls jemand eine L\u00f6sung kennt, bitte kommentieren!<\/p>\n