(Mise à jour le 6 mars 2012 : L’utilisation de Landing Pages pour Facebook ne fonctionne plus avec la mise en place de Timeline pour les Pages. Découvrez mon article sur la création d’une Page Facebook irrésistible en utilisant le nouveau format Timeline avec des astuces et des conseils utiles !)

Lors d’un précédent article, je vous présentais 3 étapes pour recruter plus de fans pour votre page Facebook. Il s’agit d’une stratégie simple et efficace pour développer votre audience et son engagement sur le premier réseau social mondial.

Suite à une question concernant la deuxième étape, je souhaitais revenir un peu plus en détail sur la création d’une Landing Page personnalisée et efficace sur Facebook.

Landing Page Facebook : Objectif “J’aime”

Le principe d’une Landing Page est très simple. C’est une page qui se concentre sur un seul et unique objectif. Cela peut être la collecte d’informations personnelles, une action particulière ou bien la vente.

Dans le cas d’une Landing Page sur Facebook, cet objectif est clairement identifié : faire cliquer l’utilisateur sur le bouton “J’aime”.

Bien, la première étape pour installer une Landing Page pour votre site, c’est de disposer d’une Page Facebook.

Une Page Facebook est différente d’un profil classique. En quelques sortes, il s’agit d’un profil pour une entreprise ou un site internet. Votre profil personnel va devenir “l’administrateur” de cette nouvelle Page.

Vous pouvez créer une Page Facebook en cliquant sur l’image ci-dessous :

Principe de la Landing Page Facebook

La Landing Page Facebook consiste en une suite de 3 écrans.

Le premier écran s’affichera pour les non-fans. Le second écran s’affichera pour tous les utilisateurs juste après être devenus fans. Le troisième et dernier écran n’est ni plus ni moins que le “mur” de votre Page Facebook.

Le principe est le suivant :

1) L’utilisateur arrive sur une page qui l’invite à devenir Fan / pour aller plus loin, l’utilisateur doit cliquer sur le bouton “J’aime”.

2) Une fois qu’il est fan, il arrive sur une page qui l’invite à laisser un commentaire sur le mur Facebook / pour aller plus loin, l’utilisateur doit cliquer là où on l’invite à cliquer.

3) L’utilisateur arrive sur le “mur” de la Page Facebook et peut laisser un commentaire ou répondre à une publication.

Pour lire la suite, cliquez sur “J’aime”

Je considère que le meilleur moyen d’obtenir quelque chose, c’est encore de le demander.

Voici quelques exemples efficaces de mécanismes invitant les visiteurs à cliquer sur le bouton “J’aime”. Vous pouvez vous en inspirer pour votre Landing Page.

Votre objectif est de réaliser une image de 470 x 470 pixels invitant les visiteurs de votre Landing Page à cliquer sur le bouton “J’aime”. C’est l’IMAGE 1.

Une fois que l’utilisateur a cliqué sur “J’aime”, il faut maintenant l’inviter à se rendre sur votre mur Facebook et à y laisser un commentaire.

Attention avec les “concours” ou les lots à gagner. N’oubliez pas qu’en France, un jeu sans obligation d’achat nécessite le dépôt d’un règlement auprès d’un huissier et sa participation pour le tirage au sort.

Pourquoi est-il important d’inviter vos fans à interagir sur votre mur ?

Tout simplement car cela va impacter de manière très positive votre EdgeRank. Plus votre EdgeRank est important, plus il y a de chances que vos publications apparaissent dans le Fil d’Actualités de vos fans.

Votre deuxième objectif avant d’aller plus loin est donc de réaliser une image de 470 x 470 pixels invitant vos visiteurs à commenter sur votre mur Facebook. C’est l’IMAGE 2.

Un peu de technique avec iFrame Apps

Voilà, c’est fait, vous disposez de vos deux images de 470 x 470 pixels, vous avez votre page Facebook, maintenant il est temps d’utiliser iFrame Apps pour gérer tout cela.

Le principe de iFrame Apps est d’éviter d’avoir à configurer une application Facebook « personelle » pour gérer votre Landing Page sur Facebook.

On pourrait tout aussi bien le faire « à la main » mais cela nécessite de créer une application, de devoir héberger soi-même son iFrame, et surtout des bases techniques solides sur les certificats SSL de manière à rendre visible votre Landing Page par les personnes qui utilisent Facebook en mode sécurisé.

Faire à la main est parfois amusant, j’en conviens. Je préfère néanmoins mettre un peu d’efficacité dans le processus.

Au final, j’ai trouvé que iFrame Apps faisait ce que je souhaitais très bien. Voici comment l’utiliser et créer votre Landing Page sur votre Page Facebook !

1) Instaler iFrame Apps

Vous pouvez installer iFrame Apps sur votre compte Facebook en cliquant sur l’image ci-dessous et en cliquant sur le bouton “Accéder à l’application”.

2) Autoriser l’application

Facebook va ensuite vous informer que cette nouvelle application vous demande l’accès à certaines informations.

Vous devez autoriser l’application en cliquant sur le bouton “Autoriser”.

3) Configurer l’application

Une fois que vous avez autorisé l’application à accéder à vos pages, un nouveau menu apparait.

Sur le premier onglet “URL”, vous devez sélectionner la Page Facebook sur laquelle vous souhaitez utiliser iFrame Apps.

Ne renseignez rien dans la case “URL de votre iFrame”.

Pensez à cliquer sur le bouton “Valider” avant chaque changement d’onglet.

Sur le second onglet “Editeur HTML”, vous allez copier/coller le code suivant :

<a href= »ADRESSE HTML DE VOTRE MUR FACEBOOK » target= »_top »><img src= »ADRESSE HTML DE VOTRE IMAGE 2″ /></a>

L’ADRESSE HTML DE VOTRE MUR FACEBOOK devrait ressembler à ça : http://www.facebook.com/haroldparis.fr.page?sk=wall

L’ADRESSE HTML DE VOTRE IMAGE 2 sera celle où vous avez hébergé cette image sur le web. Pour ma part, je l’héberge directement sur mon site. Plus simple.

Encore une fois : pensez à cliquer sur le bouton “Valider” avant chaque changement d’onglet.

Sur l’onglet “Fan Gate”, vous devez cocher la case “Activer le Fan Gate”.

Une fois la case cochée, vous devez cliquer sur le bouton parcourir et envoyer votre IMAGE 1 à l’application. Pour rappel, il s’agit de l’image qui s’affichera pour les non-fans de votre Page Facebook donc celle qui invite à cliquer sur le bouton “J’aime”.

Pour finir : pensez à cliquer sur le bouton “Valider”.

4) Sélectionner ce nouvel onglet comme affichage par défaut

Une fois que vous avez finalisé votre Landing Page, vous devez faire en sorte que celle-ci s’affiche par défaut lorsqu’un utilisateur arrive sur votre Page Facebook.

Pour ce faire, vous devez vous rendre sur votre Page Facebook.

En passant, vous devriez voir un nouvel onglet disponible en dessous de votre image de profil qui s’appele « Welcome » : c’est votre Landing Page !

Une fois que vous êtes sur votre Page Facebook, cliquez sur le bouton « Modifier la Page » en haut à droite de votre écran.

Sur la page d’édition du Profil de la Page Facebook, vous pouvez sélectionner quel onglet va s’afficher par défaut. Dans cette case, vous devez sélectionner l’onglet « Welcome ».

Félicitations

Félicitations ! Vous venez de créer votre Page Facebook, installer iFrame Apps et configurer votre propre Landing Page efficace pour développer le nombre de vos fans et optimiser le EdgeRank de votre Page !

Elle est pas belle la vie ?

Bon, et maintenant, quel devrait être le sujet de mon prochain article ? Réseaux Sociaux ? Je continue sur Facebook ? Je change pour passer à Twitter ? Ou alors un petit retour aux fondamentaux avec “les 4 leviers du Commerçant” ?

  • Harold Paris

    Le fait que cela ouvre sur une nouvelle page vient d’un espace en trop dans ton code. C’est « _top » et non « _top « . :) Voilà! A plus Chafik!

    Harold Paris
    Par exemple, pour moi cela donne ça :

    Chafik Bendib
    Autre chose, malgré la manip pour afficher la page Welcome en premier je tombe tjr sur le mur en premier !!!

    Harold Paris
    C’est normal pour toi ! Tu es déjà Fan et en plus administrateur de ta page. :) Déconnecte-toi et utilise un autre compte, tu verra que tout fonctionne normalement. :)

    Chafik Bendib
    Bjr, j’ai pas réussi à faire afficher la page de bienvenue! j’ai mis l’image 2 dans mon espace d’hébèrgement mais ça m’affiche le chemin d’accès et pas l’image… vous êtes sûr du code html? revérifiez svp les guillemets c’est peut être le problème.
    merci

    Chafik Bendib
    par contre quand je clique sur l’image le mur s’ouvre dans une nouvelle page contrairement au tien!

    Chafik Bendib
    C’est bon j’ai trouvé la solution :) il fallait justement enlever les guillemets «  ».

    The French Craft Brewers
    Bonjour,

    Le problème que je rencontre actuellement a évolué. En effet, j’ai suivi vos conseils en entrant ma balise telle quelle :
    Ceci a été rentré dans l’éditeur HTML puis validé.

    Cependant, lorsque je tente la dernière étape, à savoir choisir l’onglet affiché par défaut, cette option ne se présente pas et je ne peux choisir l’onglet par défaut.
    Quelqu’un a t’il déja rencontré le même problème? Savez vous comment le résoudre?

    Harold Paris
    Attention, le code que vous avez mis n’est pas « exactement » juste. Voici ce qu’il faut mettre :

    Au niveau de la dernière étape, vous n’avez pas du tout l’option de visible dans l’onglet « Gérer les permissions » de votre page ?

    French Brewer
    Rien de rien!
    C’est d’ailleurs étonnant.
    J’ai demandé à des amis d’essayer de faire la même manipulation, ils ont réussi. je l’ai également faite sur une autre page, ce qui a réussi, et en réessayant sur la page initiale avec différents comptes (Créateur &/ou admins), j’ai rencontré le même problème. Dans tous les cas, merci pour votre aide ;)

    Harold Paris
    Mais de rien ! :)

    French Brewer
    Bonjour !

    J’ai cherché à suivre vos informations à la lettre, mais j’ai cependant un problème.
    En ouvrant l’application iFrame Apps, l’onglet « Editeur HTML » n’existe pas dans mon cas …
    Avez vous une idée d’ou peut venir ce problème et de comment puis-je le résoudre?

    Cordialement

    Harold Paris
    iFrame Apps a évolué depuis cet article. Je vais réaliser une petite mise à jour dans les jours qui suivent. :) Mais je vois que vous avez réussi à aller à l’étape suivante ! :)

  • Bonjour,

    j’ai suivi vos étapes à la lettre et ça marche…à moitié!!
    Malgré plusieurs essai, redémarrage de l’explorateur, de l’ordi, ect… la page « welcome » ne veut pas s’afficher en premier quand on arrive sur la fan page que je gère.
    Pourtant j’ai bien demandé dans l’onglet de gestion des permissions que la page welcome arrive en premier mais rien n’y fait!

    Et ensuite j’ai une barre orange qui apparaît en haut de mon image avec différents boutons qui renvoient sur l’application iframe…ça ressemble à de la gestion de « back office »….et même quand je me connecte avec un compte qui « n’aime pas » cette page elle apparaît…
    Bref je ne sais pas pourquoi cette barre est là, elle est particulièrement inesthétique et je ne veux pas que les gens voient ça!

    Donc si vous pouvez m’aider par rapport à ces 2 soucis ce serait très gentil!

    Et je ne sais pas s’il est besoin de préciser (au vu des explications assez vagues que je donne) que je ne suis pas du tout dans mon élément quand il s’agit de « programmer » des « trucs » alors si c’était possible d’être très clair dans vos explication pour qu’une novice comme moi vous comprenne!

    Merci beaucoup et bonne journée!

    Victoire

    • Bonsoir Victoire !

      Et merci pour votre message !

      Alors la première chose à savoir, c’est qu’avec votre profil « administrateur » sur Facebook, vous ne verrez jamais les pages dans l’ordre que vous avez défini pour vos nouveaux utilisateurs. De même, la gestion du « back office » vous est visible mais elle est bien évidemment absente pour tout utilisateur qui ne serait pas désigné comme administrateur de la page Facebook en question.

      Là où je suis très surpris, car j’avais moi-même fait l’expérience de ce que vous dites, c’est que rien ne change quand vous utilisez « un autre compte Facebook ». Avez-vous vérifié qu’avec cet autre compte, vous n’êtes pas « administrateur » de votre Page Facebook ? Si vous le souhaitez, je peux y jeter un coup d’oeil. N’hésitez pas à m’indiquer l’adresse de votre page Facebook soit en utilisant le formulaire de contact du site, soit en l’ajoutant dans votre commentaire ! :)

      Bonne soirée !

      • Bonjour Harold,

        merci pour votre réponse!

        Je suis vraiment désolée de vous avoir fait perdre du temps mais effectivement j’étais en administrateur de la page, je ne sais pas trop comment ni pourquoi mais bref! Du coup je suis allé voir et je me suis enlevée, donc maintenant quand je teste avec mon adresse bidon j’arrive bien sur la « welcoming page » et je n’ai plus cette affreuse barre orange!

        Merci merci merci!!!!

        Voici le lien vers la page en question au cas ou ça vous intéresse de voir les « exploits » que j’ai pu réaliser grâce à vos précieux tutos et conseils!!
        http://www.facebook.com/pages/Tilda/143883105652568

        Merci encore et à bientôt!
        Victoire

        • Bonjour Harold,

          j’ai remarqué quelque chose, vous allez me dire si c’est normal et si je peux y remédier ou non.
          Donc quand je suis connectée avec mon compte bidon qui « n’aime pas » ma page j’arrive en effet sur ma landing page mais je peux quand même aller cliquer sur le mur sans avoir « aimé » la page, c’est normal? Je n’ai pas la possibilité de réellement bloquer l’accès aux non fans? Je ne peux que leur suggérer d’aimer finalement, certains se croiront obligés d’aimer mais les plus malins iront sur le mur sans passer par la case « j’aime »?

          Merci de votre réponse et à bientôt

          Victoire

          • Bonjour Victoire ! Oui, c’est normal ! Je ne crois pas qu’il existe un moyen d’interdire l’accès au mur pour les « non fans ». Pour le fait de suggérer d’aimer, c’est effectivement le but… ;) Ce qui compte, c’est d’avoir dans ses fans des membres engagés pour qu’ils voient vos publications dans leur flux d’actualité et non sur votre mur. Les faire cliquer sur « J’aime » est le premier pas… ;) A très bientôt !

  • Bonjour

    J’ai mis 2 images bidons pour le moment, mais le principe est là.

    Le hic, c’est que lorsque je clique sur J’aime on ne me retourne pas vers la 2e image, mais directement sur le wall…

    Que dois-je faire ?

    • Bonjour François ! Oui c’est étrange. Mais je vois que tu utilises Wildfire et non le logiciel dont je parle dans mon article. Je ne le connais donc pas. En tous cas, merci pour le commentaire !

  • Bonjour,

    Je ne suis pas trop nulle en informatique mais completement en création de site web…J’ai suivi pas à pas votre methode et je vous dit un grand merci mais…j’ai un soucis avec l’image 2, l’image qui apparait après avoir cliqué sur « J’aime ». J’ai hebergé cette image chez serving, pris l’adresse de l’image
    que voici
    http://i43.servimg.com/u/f43/12/83/66/40/landin10.jpg

    Je l’ai integre via votre code, mais…Elle n’apparait pas..à la place, j’ai l’image de Iframe…Sachant que je suis dessus depuis hier soir…Pouvez vous m’aider?

    Merci beaucoup

    Johanna

    • Bon, c’est le grand bazar…

      Voilà ce que ca me donne :

      http://www.facebook.com/pages/Johanna-Marjoux-Photographie/237231382962207?sk=wall

      • Bonjour Johanna ! Et bienvenue sur ce site. Désolé pour ce petit délais dans la réponse. Je vois que tu as réussi à trouver une solution pour ta page ! Elle fonctionne bien pour moi. Si ce n’est que je n’ai pas pu vérifier si tu avais bien ta landing page en premier. En tous cas, belle intro ! :) Attention, le contraste entre le noir et le parme est un peu faible par contre. Chez moi j’avais un peu de mal à lire. ;) A très bientôt en tous cas !

  • Bonjour,

    merci pour tous ces conseils, j’ai réussi à créer ma landing page en 5 min.
    seul problème j’aimerais que les personnes qui ont cliqué sur j’aime sur la landing page soit redirigées automatiquement sur le mur et ne restent pas sur la landing page.

    est-ce possible avec cette application ?
    merci par avance
    Vivien

    • Bonjour M. Bénard ! Bienvenue et merci pour ce commentaire. Non, ce n’est pas possible à ce que je sache avec cette application. Cliquer sur « J’aime » n’est pas considéré comme une action pouvant enclencher le chargement d’une page par exemple. :) En tous cas, à très bientôt !

  • J’ai effectué toutes les étapes sauf que lorsqu’on clique sur la 2ème page- un message d’erreur s’affiche et non pas la redirection vers le mur comment faire?

    • Bonsoir ! Le fait d’avoir un message d’erreur est étrange, vous pouvez m’envoyer le code html que vous utilisez par mail sur cette page ? http://haroldparis.fr/contact Merci d’avance !

  • Bonsoir Harold,

    J’ai mis en application tes conseils en suivant à la lettre ton article.

    Tout fonctionne comme prévu ! Merci à toi :)

    • Salut Xavier ! Super ! Très heureux que tout fonctionne. N’hésite pas à nous tenir au courant de tes résultats ! :)

  • Chris

    Salut Harold,
    Penses-tu qu’il est possible de modifier l’icone de l’onglet car par défaut c’est une terre ?
    Merci
    Chris

  • Bonsoir
    Mon problème est tout simplement que « onglet affiché par défaut » ne figure pas dans les options de gestion des permissions et donc je peux plus définir ma page landing

    voici une image des options de facebook que j’ai :

    • Bonsoir Jérome, effectivement c’est assez étrange. C’est la première fois que je vois cela. C’est même assez étonnant… Il s’agit bien d’une « page » et non d’un « groupe » ?

      • Oui il s’agit d’une page « communauté » que je suis l’administrateur. vraiment bizarre

        • Bonsoir!
          Je rencontre exactement le même problème … avez-vous trouvé une solution??

          • Bonjour à vous deux !

            Pour l’instant je n’ai pas d’autre solution que celle proposée dans l’article.

            J’ai été voir votre page, votre deuxième image présente un problème de code. Vous faites référence à votre deuxième image en utilisant l’adresse suivante : « http://hpics.li/d915a0f » alors que vous devriez utiliser l’adresse suivante : « http://img11.hostingpics.net/pics/218394commentezFB.jpg ».

            En tous cas, belle page Fan ! Avez-vous vu mon nouvel article sur les pages Facebook à l’heure de Timeline ? C’est par ici : http://haroldparis.fr/creer-une-page-facebook-irresistible-entreprise/

            Bonne journée ! :)

  • romain

    Bonjour,
    j’ai un soucis avec l’image 2, l’image qui apparait après avoir cliqué sur « J’aime ».

    Je l’ai intégré avec votre code, mais…Elle n’apparait pas..Pouvez vous m’aider?
    Ci joint l’adresse de ma page facebook où je suis censé avoir l’image 2: https://www.facebook.com/pages/ABOHB-officiel-Anglet-Biarritz-Olympique-Handball/136205609809867?sk=app_156218351098324
    Merci beaucoup
    Romain.

  • Yes merci c’est fait!

  • Ilyes

    Bonjour j’ai un petit probleme , c’est que l’image choisie apparait tres grande sur mon landing et j’arrive pas a modifier la taille

  • Bonjour,
    Parfait, je viens de faire la manip excactement comme indiqué. J’ai laissé les guillemets là ou ils étaient indiqué et tout fonctionne à merveille. Merci beaucoup c’est très utilse. Vous pouvez voir à http://www.facebook.com/PortAterre83

    • Bonjour Abril ! Bravo pour votre page fan ! ;) A très bientôt sur le site !

  • Merci pour cet article, je ne connaissais pas cette approche.
    Dans mon travail, nous le faisons à partir d’un serveur sécurisé propore à la boite. Donc on ne passe par aucun pretataire externe (sauf FB).

    • Salut Frank ! A l’occasion, j’aimerai bien qu’on puisse discuter de ce qu’il est possible de faire avec ce type de serveurs sur FB et du bon vieil iframe ! Ca m’intéresse ! :) Au plaisir en tous cas !

  • Aurore

    Bonjour !
    J’ai un problème avec ma landing page :/
    je l’ai créé avec Static Iframe, lorsqu’un non-fan arrive sur la page, elle s’affiche correctement, mais s’il clique sur « j’aime » il ne tombe pas sur le mur mais reste sur cette page d’accueil.
    Une solution ?

    Merci d’avance, et super article !