background preloader

FBML / iframe

Facebook Twitter

Intégrer facilement un onglet iframe sur vos pages fan Facebook. 10 étapes pour intégrer une Iframe App plutôt qu’un onglet FBML sur sa Page Facebook. Bonjour à toutes et à tous. Les plus attentifs d’entre-vous l’auront probablement remarqué, Facebook a accompagné l’annonce de l’arrivée de ses nouvelles Fan-Pages par celle de la disparition future du FBML. En d’autres termes, à partir du 11 Mars prochain, il vous sera impossible de faire appel à des applications telles que Static FBML afin de créer vos onglets personnalisés sur Facebook (les onglets déjà créés étant néanmoins maintenus pour une durée indéterminée).

Facebook fait désormais confiance aux Iframes, c’est à dire à la retranscription d’une page web « A » sur une page web « B ». A l’heure actuelle, la situation est un petit peu particulière : vous avez encore quelques jours pour profiter du FBML et il n’existe pas encore d’application fiable prenant le relai de Static FBML afin de personnaliser facilement un onglet Iframe. Des FBML Tabs aux Iframe Apps Iframe Apps ? 1. La première étape est plutôt simple, puisqu’il s’agit de la création de votre application. 2. 3. 4. 5. 6. Enrichir sa page Fan Facebook avec le FBML. Introduction au FBML | Facebook-api. Bienvenue a tous et a toutes. Ceci est mon 2ème tutoriel sur la réalisation d’applications pour facebook. Nous avons vu dans le tutoriel précédant comment créer une application Facebook, nous aborderons ici les principaux avantages du FBML. Pour comprendre ce tutoriel, il vous faudra des bases en web XHTML/CSS et PHP, si vous pataugez un peu, suivez les tutoriels du site du Zéro.

Ce site est vraiment très bien pour commencer Le FBML, contraction de FaceBook Markup Langage est un langage interprété par le moteur Facebook. A quoi ca sert ? Ah oui, ca sert à nous simplifier la vie . ( surtout ne vous dites pas la « quoi ? En effet, Facebook va récupérer ce langage très proche syntaxiquement du xHTML (xml) et va le traiter et renvoyer le résultat en HTML. Commencons par le commencement : <fb:header>Mon application</fb:header> affichera ni plus ni moins que le titre de l’application . plus d’informations sur <fb:header> ici <div><h2 style= »background-image: url() »>Mon application</h2></div> Like Box - Développeurs Facebook.