Perdu ? Vous êtes ici :

12

avr

On ne dit plus FBML, on dit iFrame !

facebook-iframe

Jusqu'à présent, les onglets personnalisables sur Facebook étaient programmables en langage "FBML" (du FB de Facebook dans le ML de HTML...) Désormais, Facebook revoit sa façon d'accueillir les onglets et recycle une vieille technique du Web, j'ai nommé : "l'iFrame".

L'iFrame, qui a pour but d'intégrer dans des "cadres" (frames), des pages hébergées ailleurs, remplace officiellement le FBML depuis le 11 Mars. Ainsi, il est possible d'intégrer des pages et du contenu animé sans aucune limite ! Et ça... ça n'a (quasiment) pas de prix !*

Plus attractif, plus interactif, Facebook n'a jamais été aussi rayonnant et bien dans sa peau que depuis qu'il a décidé de faire confiance aux développeurs.

Le fonctionnement d'un iFrame ?
C'est très simple, regardez :

Source : Facebook developpers

La création d'un iFrame (onglet d'accueil, présentation de votre équipe, jeu-concours ou autre) se déroule en plusieurs étapes :
  • D'abord, vous créez votre contenu sur 520 pixels de large et vous l'hébergez sur le serveur de votre choix.
  • Ensuite, vous vous rendez ici et cliquez sur "create a new app".
  • Puis il vous sera demandé d'indiquer le chemin de l'iFrame menant vers votre page, à savoir le "canvas URL" mon bien aimé.
  • Confirmez dans "Canvas type" qu'il s'agit bien d'un iFrame.
  • Indiquez ensuite le "Tab Name" (c'est à dire le nom de l'onglet) et enfin la "Tab URL".
  • Ajoutez l'application à votre Fan Page et c'est prêt !

Aussi chaud qu'un café servi par Georges. Le piano en moins. Quoique vous n'êtes jamais à l'abri d'une mauvaise surprise alors mieux vaut vérifier que l'application installée fonctionne correctement. S'il s'agit d'une action de promotion ou de Web marketing, faites d'une pierre deux coups en faisant de votre nouvelle application, votre landing page (page sur laquelle les non-fans arrivent) en vous dirigeant sur Edit Page > Manage Permissions > Default Landing Tab.

Sachez enfin qu'à tout moment (quand vous êtes en plein dedans et que ça vous arrange le moins, bien sûr), Facebook voudra vérifier qui vous êtes et voir s'il vous autorise à faire du développement sur son réseau. Dans ce cas il vous demandera votre numéro de téléphone et/ou de Carte Bleue. Rendez-vous alors sur cette page pour préciser vos informations personnelles et tenter de remporter les grâces de Facebook...

Que la force du développement soit avec vous !

Si vous avez la moindre question n'hésitez pas à me contacter par mail, sur la Fan Page de My Client is Rich ou sur Twitter (@funkycinds).
Par Cindy Meyer.

*Nous consulter ; )

Top
Contactez-nous 10 Rue Sainte Hélène, 67000 Strasbourg, France