Accueil > Tutoriel > Comment intégrer un onglet d’accueil à sa page Facebook ?

Comment intégrer un onglet d’accueil à sa page Facebook ?

// Mise à jour juillet 2011 >> Remarque importante : depuis quelques mois déjà, Facebook ne permet plus l’ajout de l’application Static FBML décrite ci-dessous. Si celle-ci a déjà été ajoutée à votre page, elle reste active et ce tutoriel est toujours d’actualité; dans le cas contraire, vous devez désormais créer votre propre application. Nouveau tutoriel à venir prochainement ! //
Vous pouvez aussi nous contacter pour toute intégration.

Nous avons longtemps hésité avant de vous livrer ce tutoriel, certaines agences facturant 300 à 500 euros l’intégration de cet onglet, alors même qu’il suffit d’ajouter une application existante à sa page Facebook (intégration possible exclusivement sur une page, aussi appelée « profil public »). Partant du principe que cet onglet est un vrai plus pour optimiser le développement d’une communauté sur Facebook et que les petits secrets tel que celui-ci ne durent pas, nous vous le livrons avec plaisir. Merci par avance de faire suivre cet article – d’autres tutoriels arrivent…

De quoi s’agit-il ? Quels objectifs ? Un onglet d’accueil ou d’atterrissage permet d’orienter les non fans (principale cible) vers un onglet qui se démarque de la froideur des onglets traditionnels Facebook (Mur, Infos…). On peut y ajouter images, textes, liens… avec un peu de langage HTML classique. Bref une page web habillée et plus esthétique. L’objectif est non seulement d’attirer l’attention des visiteurs mais surtout de leur présenter l’intérêt qu’ils ont à « devenir fan » (quels infos/contenus sont publiés, avantages, discounts réservés aux fans sur Facebook, invitations exclusives…).

La première étape est de se rendre sur la page application de Facebook : facebook.com/apps/directory.php , vous devez par ailleurs être administrateur de la page sur laquelle vous souhaitez implémenter cet onglet. L’application à ajouter à votre page s’appelle « Static FBML » (pour Facebook Markup Language, un langage propre à ce site pour les applications). Ou allez directement sur la page de cette application : Application Static FBML Pour le reste, suivez le guide.

Largeur maximale : 760 px

MAJ du 24/08/2010 : la largeur maximale des onglets est désormais de 520 px.

Si vous souhaitez intégrer un nouvel onglet sur votre page, il vous suffit d’aller dans la partie administration d’un onglet existant, et de cliquer sur « Ajouter un encart FBML ».

Ajouter-encart-FBML

A lire aussi :
Intégrer un formulaire à sa page Facebook

Pour complément d’information : Bible Facebook (mise à jour régulièrement, stats, métrics…)

A découvrir : Notre formation au Community Management


Auteur -  Edouard Bourbon - Alors Responsable marketing de MySpace en France en 2006, je vis de l’intérieur l’essor des médias sociaux et conseille les annonceurs dans leurs premières incursions. Athomedia voit le jour fin 2007 et passe la seconde depuis quelques mois avec une équipe désormais composée de 4 personnes. Je donne par ailleurs des conférences dans plusieurs écoles de publicité et en Université.


Login
  1. 28/01/2012 à 16:02 | #1

    Merci !

  2. 26/01/2012 à 20:13 | #2

    Facebook: au revoir FBML, bonjour iFrames…

    C’est le moment de faire le tri dans les applications que vous avez installées sur votre page Facebook ; https://www.facebook.com/tapestry.decoration et de s’assurer qu’aucune d’entre elles n’utilise des modules FMBL.
    Depuis le 1er janvier, Facebook n’offre plus de support pour ce langage et à partir de juin 2012 les applications FMBL ne fonctionneront plus sur la plateforme…
    La bonne nouvelle c’est que iFrame est une excellente alternative, qui va offrir une plus grande flexibilité aux développeurs et la possibilité de faire bénéficier à vos fans des expériences uniques et riches…
    Bon web a tous … TAPISSERIE DECORATION

  3. 10/12/2011 à 14:21 | #3

    le lien de la page facebook directory ne marche pas

  4. Dahin
    27/11/2011 à 14:13 | #4

    Bonjour , j’ai ajouter l’onglet mais je veux ajouter une image a cette onglet :http://www.facebook.com/pages/Maroc-Fun-Club/189785031105575?sk=app_10442206389

  5. Athomedia
    24/02/2011 à 14:57 | #5

    Bonjour Amandine,

    Pouvez-vous m’envoyer le lien de votre page ? 

    Si le bouton (et non un onglet) « J’aime » n’apparait pas, c’est probablement parce que vous avez déjà cliqué dessus…

    Merci

  6. amandine
    24/02/2011 à 14:45 | #6

    Bonjour,

    J’ai crée une page pour une association, mais l’onglet « j’aime », placé normalement en haut à gauche à coté du nom de l’asssociation n’apparait pas… je ne sais pas comment faire pour avoir ce bouton!

  7. Selin
    05/02/2011 à 21:27 | #7

    Coucou, pour faire une capture d’écran, tu appuies sur  » ImpécranSyst « 

  8. Selin
    05/02/2011 à 21:25 | #8

    Bonjour, j’ai réussi à faire l’onglet, mais comment peut-on mettre des images sur l’onglet FBML.. ?

  9. Anthony
    24/01/2011 à 14:01 | #9

    Très bon Tuto !!
    c’etait si simple à faire !

    http://www.facebook.com/jaimehoupettecreative

  10. Laurianne M
    23/12/2010 à 21:46 | #10

    Hiiii génial, j’ai réussi à créer ma landing page pour le taf grâce à ton tuto’, merci beaucoup :)

  11. w.mez
    17/12/2010 à 12:24 | #11

    salut
    svp comme je dois faire pour ajoute ou bien cree mon image sur l ongle fbml sur facebook
    merci d avance
    urgent svp

  12. olivier chapelle
    10/12/2010 à 22:14 | #12

    j ai le meme probleme une solution?

  13. Anonymous
    26/10/2010 à 12:37 | #13

    Bonjour, en suivant vont instructions, j’ai réussi à insérer l’onglet accueil ainsi qu’une image Html de mon label de disque sur la page FBML, cependant lorque je me déconnecte du site Facebook (j’aime plus) et je me reconnecte sur le site, je n’arrive pas sur la page d’acceuil mais sur le mur. Pourtant, j’ai modifié mes paramètres dans Mur – Option – Paramètres – Affichage par défaut du mur – toutes les publications / Onglet par défaut pour tous les autres : Le mur / Onglet par défaut pour tous les autres :Accueil. Pouvez Vous m’aider voici le lien http://www.facebook.com/pages/Diki-Records-Store/196972724717?v=wall Merci.

  14. Adeline
    15/10/2010 à 10:37 | #14

    Bonjour! Merci pour ce super tuto !

    Cependant, je ne comprends pas lorsque j’essaye d’ajouter cette application sur ma page professionnelle, je n’y arrive pas…je pense que cela peut venir d’un problème d’administrateur ? Comment pourrais je solutionner ce problème ?

    Merci d’avance pour votre réponse.

    Cordialement,

  15. Athomedia
    14/10/2010 à 22:38 | #15

    Bonjour Florence,  
    Pour intégrer une photo dans un onglet FBML, il faut d’abord que cette dernière soit hébergée sur internet (sur votre serveur online, Facebook, Flickr, Servimg …).
    Le code à utiliser est ensuite le suivant : <img src=url photo hébergée> (l’url commençant par http://www….)
    Bon courage !

  16. Florence
    14/10/2010 à 21:54 | #16

    Bonjour,
    comment insérer une capture d’écran à l’onglet bienvenue étant donné que c ‘est du langage html?
    Merci

  17. Mylène129
    14/10/2010 à 11:03 | #17

    Bonjour,

    Super tuto. Merci !
    Comment faire une capture d’écran de mon site ????

    D’avance, merci !

  18. Athomedia
    27/09/2010 à 07:53 | #18

    L’onglet static FBML ne peut interpréter en l’état tout le HTML de votre site, le plus simple est de ne mettre qu’une capture d’écran de votre page d’accueil qui pointer vers votre site. Sinon, il faut faire du flash…

  19. yannick
    08/09/2010 à 15:15 | #19

    bonjour, j’aimerai mettre la page d’accueil de mon site dans l’onglet accueil sur facebook mais que faut-il mettre comme code HTML…? j’ai pris le code source html de mon site en entier mais ça n’affiche rien…

    A l’aide please

  20. Athomedia
    24/08/2010 à 12:18 | #20

    Bonjour, 
     
    Pour intégrer un onglet, il faut télécharger l’application « Static FBML » accessible à l’adresse suivante : 
    http://www.facebook.com/apps/application.php?id=4949752878&v=wall&ref=appd 
     
    Bon courage.

  21. ayoub
    22/08/2010 à 19:31 | #21

    sil vous plait pourai je avoir le code pour lintegrer ???

Page des commentaires
  1. 17/11/2009 à 22:11 | #1
  2. 20/11/2009 à 07:39 | #2
  3. 20/11/2009 à 10:07 | #3
  4. 03/12/2009 à 13:42 | #4
  5. 27/01/2010 à 15:31 | #5
  6. 13/04/2010 à 11:03 | #6
  7. 28/09/2010 à 10:05 | #7

This site is using OpenAvatar based on