Comment Créer Une Landing Page Facebook – Vues Non Fans et Fans ? Vidéo

comment-creer-une-landing-page-facebook-fan-gate

C’est avec plaisir que je vous présente un nouveau tutoriel vidéo qui a pour objectif de vous montrer comment introduire une Fan Gate sur une landing page Facebook afin de permettre l’affichage d’une vue différente en fonction que vous soyez ou pas un fan.

Il s’agit à mon avis d’un des meilleurs formats pour une landing page Facebook efficace à savoir l’offre d’un contenu exclusif à vos fans s’ils deviennent membres de votre communauté.

Le tutoriel se déroule en 4 étapes :

1° – Préparation du contenu
2° – Installation de l’application Iframes App de Wildfire
3° – Configuration de l’application
4° – Attribution d’un onglet par défaut

Comme expliqué dans la vidéo, Iframes App est une application gratuite pour l’instant mais qui deviendra prochainement payante. Sauf normalement pour les personnes qui sont déjà des utilisateurs.

Quels sont les avantages de cette application ?

  • gratuité
  • pas de code pour l’installation
  • très simple à utiliser
  • fonctionne avec https

Note

Je vais contacter Wildfire car j’ai remarqué qu’une barre de défilement apparaît quelques secondes lors du chargement de la landing page. Je vous tiens au courant …

Et le mot de la fin !

J’en profite pour vous rappeler que vous pouvez me rejoindre sur ma Page Facebook (contenu exclusif FB) ou encore vous abonner au flux RSS du blog.

Par ailleurs, la newsletter ne fera plus double emploi prochainement avec le flux RSS. Elle diffusera un contenu différent et proposera aux membres inscrits un mini-cours gratuit sur les médias sociaux sous la forme d’une série de courtes vidéos. Mettez-vous donc à jour pour ne rien manquer des prochaines informations :-)

Have fun !

Isabelle Mathieu

Isabelle Mathieu

Experte en médias sociaux depuis 2010, Isabelle MATHIEU accompagne des entreprises dans le développement de leur stratégie réseaux sociaux. Vous pouvez la suivre sur Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest ou lire la rubrique A propos.

52 réponses

  1. super !!!
    voilà une solution qui me va bien vu que mon téléphone est toujours bloqué en attente !!
    petite info : avec quel logiciel avez-vous fait votre landing page avec tous ses liens ?
    merci merci

  2. Excellent, moi j’avais tout fait à la main pour un onglet de ma page fan en passant par du code php (assez simple à faire en fait) mais les inconvénients sont de devoir héberger les fichiers, et surtout la gestion de l’https !

    En revanche, cette application ne permet pas d’avoir une page avec du contenu dynamique pour les fans (comme ton exemple redbull dans la vidéo) :(.

  3. @brigitte et @fabrice : l’application comporte des limitations. On ne peut pas utiliser de javascript ni certaines propriétés css … Mais elle demeure très pratique pour les non techs :-) On m’a déjà fait parvenir deux autres apps que je n’ai pas eu encore le temps de tester. Si je trouve quelque chose d’intéressant, j’écrirai un billet dessus :-)

  4. C’est sûr qu’elle est très pratique et elle permet même de faire cette landing page sans entrer son n° de carte bancaire ou son n° de téléphone mobile !
    Merci en tout cas Isabelle d’avoir partagée l’info :-)

  5. Merci Isabelle pour ce tuto !

    Après l’avoir suivi, du coup, j’ai fais une Fangate + liens internes, une Fan page + infos vip et des onglets iframes + html avec un peu de code JS.

    J’ai encore un petit pb de scrolling juste en bas. A corriger donc…

    ça donne ça pour le moment :

    http://www.facebook.com/pages/Esupcom-Ecole-supérieure-de-communication/152602891471375

    Je recherche maintenant un bon site qui teste et met en avant des Facebook Apps pour des pages.

    Quelqu’un aurait quelques bonnes adresses pour aller plus loin ? ;-)

  6. Bonjour Isabelle,

    Ce matin, la landing page faite avec « Wildfire’s iFrames for Pages » ne fonctionne ni sur ma page, ni sur la tienne, Isabelle ! Il s’affiche un message d’erreur (erreur 503 : service indisponible). C’est peut-être momentané ? À suivre …

  7. Bonjour Isabelle,

    Merci pour ce video-tuto.
    Bon ceci dit j’ai un petit problème … j’ai beau mettre ma landing page en onglet par défaut dans permission, rien n’y fait !!!! Le mur « passe par dessus » et arrive toujours en premier. Y’a pas une autre technique que j’aurais zapper ??

  8. Bonjour
    Merci pour ce tuto par contre est ce qu’on peut bloquer le contenu de notre page pour celui qui n’est pas encore fan ? C’est quand meilleur moyen non ? On peut le faire avec le modul iwipa qui contient iframe mais c’est payant !!
    Qu’elle photo peut on mettre pour donner envie de cliquer sur fan d’après vous ?
    Merci encore

  9. Bonjour,
    Merci pour vos articles enrichissants :)
    J’aurai une question : est-il possible de rediriger l’internaute vers notre « mur » une fois que celui-ci à cliqué sur « j’aime » ? (et non qu’il reste sur l’onglet?)
    Merci, et bonne continuation !

  10. Bonjour, je vous remercie pour votre tutoriel très bien fait. J’avais néanmoins quelques problemes pour paramétrer iwipa. J’ai installé une autre application : ThruSocial pour ma page Facebook qui m’a permis d’intégrer des videos, et d’autres modules : par exemple le feed RSS de mon blog. Pour d’autres fonctions le module est payant. Le paramétrage est très facile à faire. Seul bémol, j’ai y mit le Share bouton de facebook qui s’est transformé en « j’aime ».
    http://www.facebook.com/pages/Tomate-Joyeuse/150068428393599

  11. Bonjour
    merci pour votre explication très claire. j’ai cependant une question : je souhaite modifier ma page de bienvenue mais lorsque je clique sur « accéder à l’application » il m’indique que l’application est déjà installée sans que je puisse accéder à une quelconque page de modification. Savez vous comment faire? Cordialement

  12. Bonjour Stéphanie, j’ai eu un problème similaire avec l’une des applications que j’avais installée plusieurs fois pour mes tutoriels vidéos. J’avais contourné le problème en retrouvant l’application soit sur le Profil soit sur la Page (modifier la page – applications) (je ne me souviens plus quelle option exacte) et en modifiant les paramètres. Une autre solution consiste à supprimer l’application et à la ré-installer :
    1° – paramètres de confidentialité
    2° – Applications et sites web > Modifier vos paramètres
    3° – Applications que vous utilisez > Sélectionner l’app > supprimer
    4° – supprimer TOUT onglet qui aurait été crée sur votre Page en cliquant sur la croix.
    5° – vérifier que l’application n’est pas présente dans vos applications Page (Modifier page > Applications). Si c’est le cas, cliquer sur la croix.
    6° – si vous avez effectué toutes ces opérations, vous devriez ré-installer l’app sans souci.
    Bon courage :)

  13. Bonjour Isabelle,

    Je vous contact car je suis actuellement en stage au journal Marseille l’hebdo à Marseille et je suis en charge de la page Facebook de celui ci.

    J’ai créé une fan page et bien sur j’aurai aimé mettre en place une landing page, le seul problème c’est que je n’ai pas de connaissance informatique, juste quelques notions.

    Donc serait il possible de m’expliquer comment créer la landing page, avec photo et texte(quels programmes utiliser…) je saurai après la mettre en place grâce à votre explication très complète !

    Merci beaucoup

  14. Bonjour,

    J’aurais besoin d’un renseignement complémentaire au sujet de la fan gate. J’ai créé la vue pour les « non fan », mais lorsque l’on clique sur j’aime j’aurais aimé que les internautes soient redirigés directement sur le mur. Cela n’est-il pas possible ? J’ai peur que les envoyer sur une deuxième fan gate soit un frein pour eux…

    Merci d’avance et bonne journée,
    Gabri_l_

  15. Rebonjour
    Merci beaucoup pour votre réponse, je m’excuse de vous répondre aussi tardivement, je n’ai pu m’y pencher avant.
    Quand vous dites enlever tous les onglets, il s’agit uniquement de ceux de wildfire ou d’autres aussi présenst (ce qui est mon cas comme iframe apps). En effet, j’ai suivi votre conseil, enlever toute trace de l’appli de wildfire mais quand je la réinstalle, ma page revient.

  16. @stéphanie : oui je parle bien seulement de l’onglet wildfire. Lorsque la page revient c’est que l’application n’a pas été totalement désinstallée : je suis passée par là aussi ;) Si vous n’y arrivez toujours pas, je vous invite à prendre contact directement avec l’éditeur : pour cela, cliquez sur l’onglet « Contacter le développeur » :)

  17. Bonjour Isabelle,

    Merci pour ce tuto très clair.
    Par contre j’ai un souci quand je me connecte via un autre compte que le mien l’image n’apparait pas.
    Auriez-vous une solution ?

    Merci de votre aide.

  18. Merci Isabelle c’est vraiment génial . tutoriel tres clair et tres simple à utiliser !
    Je m’occupe de ca cet apres midi maintenant le plus long ca va etre de créer les 2 images !

    William de Couteauxduchef.com

  19. @Charlotte : bonjour, pensez à vérifier le format, le poids et la longueur de l’image :-)

    @william : merci ! Un site mono-produit : hum j’aime bien ;)

  20. Bonjour,

    Merci pour cette vidéo bien efficace !

    Savez-vous où je pourrai trouver des infos pour le même type de ‘module’ (vue fan et non fan) mais avec la possibilité d’accéder à un contenu exclusif pour le fan?
    Par exemple une vidéo ou morceau de musique dont la lecture ne peut se faire que si l’utilisateur Facebook est fan.

    Merci beaucoup :)

    1. Bonjour, Justement lorsque un fan atterrit sur votre vue fan, vous lui donnez accès à ce que vous souhaitez en contenu exclusif : bon de réduction, offre promotionnelle etc …

  21. Bonjour,

    J’ai installé comme vous l’avez si bien expliqué cette application sur une de mes landing page, mais je voudrais pouvoir l’installer sur d’autres pages que je gère, et là c’est la cata, je ne trouve pas le moyen de refaire la même chose sur une autre page à partir du même compte.

    Si vous avez la solution je suis preneur.

    Cordialement

    Alain Reynaud

  22. Merci, très bon tuto. Simple question, lorsque je veux changer le nom du nouvel onglet, plus rien n’apparait dans ma page des applications. C’est comme si je n’avais plus aucune application. Quelqu’un à une solution?

  23. Bonjour Alain, Merci ! Vous devrez installer l’application sur chacune de vos Pages Facebook sur lesquelles vous souhaitez installer une landing Page. Pour cela, dirigez-vous vers l’onglet Applications de votre Profil, trouvez Wildfire’s iFrames for Pages, cliquez sur « Install app » et choisissez la Page pour installer l’application :)

    Bonjour Antoine, c’est ennuyeux … Je n’ai pas rencontré cette difficulté alors que j’ai refait plusieurs fois cette opération. Cela pourrait être un bug. Aussi je vous invite à prendre contact directement avec le développeur pour lui soumettre ce problème. Bon courage !

  24. Bonjour Isabelle,

    merci pour ce tutorial très bien expliqué.
    J’ai pour ma part un souci concernant l’onglet par défaut : je n’ai pas cette option dans « Gérer les permissions ». En cherchant un peu j’ai trouvé d’autres utilisateurs dans mon cas mais jamais la solution, ej ne sais pas d’où cela provient, une idée ?

    Merci !

  25. @Marine J’ai eu le même soucis de permission Marine. Et je me suis rendu compte que j’avais créer une page communauté. et dans ce cas là cela ne fonctionne pas. Il faut créer une page d’entreprise.

  26. Merci Renaud, ça confirme mon hypothèse. Je suppose que lorsqu’on change le type de page il faut un délai pour que ce soit pris en compte et que l’option apparaisse.

  27. Pour ma part j’ai fait le changement sur une page de test la semaine dernière, et j’ai automatiquement vu le lien apparaitre. Je n’ai pas eu d’attente.
    Tenez moi au courant si vous avez des PB. Je n’ai peut-être pas tout pris en compte.
    A bientôt.

  28. En changeant de « communauté » à « Entreprise->Internet/logiciel » l’option ne s’affiche toujours pas pour moi :o(
    Si quelqu’un a une idée d’où ça peut venir, je suis preneuse !
    Merci beaucoup.

    Marine

  29. Annulation de mon commentaire ci-dessus ! Visiblement, ce site est comme un clignotant : une fois il fonctionne, une fois il fonctionne pas, une fois il fonctionne…

  30. Bonjour,

    Mon entreprise a une page Fan Facebook avec une landing page personnalisée.
    Mon problème est le suivant : les non fan de la page arrivent directement sur mon application, tandis ce que les utilisateurs qui ont cliqué sur « J’aime » arrivent sur le mur.

    Comment faire pour que même les fans arrivent directement sur la landing page ?

    Merci

    1. Merci Richard pour la mise à jour. Wildfire ayant été racheté par Google, je ne pense pas que l’application ait été maintenue.

Les commentaires sont fermés.

Partagez
Tweetez
Partagez
Enregistrer
Email