• Shane
    • Aide
    • Aide Android
    • Facebook
    • Fonds d’écran
    • Glossaire
    • Graphistes sur Twitter
    • Nos sites web
    • Notre portfolio
    • Notre studio de création
    • Twitter
  • Contactez-nous
    • Liens
    • Mentions légales

Comment créer une Landing-Page sur Facebook ?


Posted by Shane on 14 fév 2011 / 32 Comments




landing page shne Comment créer une Landing Page sur Facebook ?

Vous l’avez probablement remarqué, certaines pages Facebook vous accueille avec une page personnalisée à l’image de l’entreprise, du site, de l’artiste ou du blog qu’elle représente. C’est ce que l’on appelle une “Landing-Page“, c’est tout simplement l’onglet sur lequel arrive un internaute lorsqu’il souhaite visiter une Fan-Page. Lorsque celui-ci n’a pas encore “aimé“ celle-ci, il est tout a fait possible de le diriger sur un onglet personnalisé (HTML). Au lieu de diriger les internautes directement sur votre mur, cette solution permet d’obtenir une page avec un visuel plus accrocheur. La création d’une Landing-Page vous permettra d’inciter plus d’internautes à suivre votre page Facebook et donc d’obtenir un meilleur taux de conversion.

Vous allez découvrir que créer une Landing-Page est très simple et ne demande que très peu de temps !

Créez votre visuel
Pour créer le visuel de votre future Landing-Page, il vous suffit de créer un fichier sous Photoshop ou illustrator comme n’importe quelle création graphique. Pour vous qui êtes graphiste, webdesigner ou illustrateur ça ne devrait pas être trop compliqué. Il faut tout de même respecter un format de 520.px de large. Nous n’avons pas fait d’essais mai il n’y a apparament aucune limite dans la hauteur du visuel. Vous pouvez donc vous exprimer sur un visuel de la taille que vous souhaitez. Une fois la création graphique de votre Landing-Page réalisée, enregistrez là au format .jpg ou .png. Attention à ne pas obtenir un fichier trop volumineux. Plus le fichier de votre création sera léger plus son temps de chargement sur votre page Facebook sera rapide.

Créez votre Landing-Page
Pour permettre d’afficher votre visuel sur une Landing-Page, il faut vous rendre sur votre page Facebook dans la partie « Application » (Sur la page d’accueil en dessous de votre logo ou image du profil cliquez sur « Modifier Page“ et ensuite sur “Application“). Dans les applications qui vous sont proposées utilisez « Static FBML » et ajoutez ensuite un encart FBML. Vous pouvez également l’obtenir via Facebook à cette adresse. (Cliquez sur « Ajouter à ma page“, vous trouverez l’application dans votre panel d’administration de Facebook). Vous venez de faire le plus dur pour créer une Landing-Page car il faut reconnaitre que bien souvent les différentes fonctionnalités de Facebook ne sont pas clairement accessibles.

Collez votre code HTML
Dans votre panel d’administration cliquer le le bouton “Editer“ de l’onglet “Static FMBL“ afin de définir dans un premier temps le titre de l’onglet de votre Landing-Page. Choisissez un nom relativement court comme par exemple le nom de votre page Facebook. Ensuite il vous reste à coller votre code HTML dans l’encart “FBML“. Vous venez de créer une page qui affichera strictement le code que vous lui avez fourni (Merci Facebook). Vous avez la possibilité d’ajouter plusieurs pages de ce type. Nous n’avons pas testé et ne pouvons donc pas vous donner le nombre maximum d’encart « FBML » que Facebook nous autorise à créer. Concernant le code HTML que vous affichez vous êtes libre d’afficher celui que vous souhaitez. Pour ceux qui ont besoin d’aide pour générer rapidement un code HTML compatible voici celui que nous avons utilisé pour notre Landing-Page. Il permet d’afficher une image enregistrée sur hébergement web et de diriger le clic sur cette image vers le site web de votre choix dans une nouvelle fenêtre. Renseignez dans ce code votre lien, la taille de votre image XXXpx et l’url de votre image.

<a href= »VOTRE LIEN »><img
style= »border: 0px solid ; width: XXXpx; height: XXXpx; » alt= »"
src= »http://URL DE VOTRE IMAGE » /></a>

Transformez votre onglet en Landing-Page
Il ne suffit pas d’enregistrer cet onglet pour qu’il devienne votre Landing-Page automatiquement. Pour le moment les nouveaux visiteurs ne tomberont pas sur cet onglet lorsqu’ils visiteront votre page Facebook. Rendez-vous dans « Gérer les permissions“ et définissez l’onglet de votre nouvelle Landing-Page afin qu’il s’affiche par défaut. Enregistrez les modifications, vous avez déjà terminé la création de votre Landing-Page, il vous ne vous reste plus qu’à vérifier si tout fonctionne parfaitement.
Shane


32 Comments


Garnier
5 months ago



Bonjour
Je viens de créer ma page landing. Mais comment faire pour que le clic ‘jaime’ mène vers le mur
Merci d’avance

jwayne
5 months ago



bj a tousse je vous invite a faire un tour dans notre page fb vous vérai des video comique ke on na fait merci a vous http://www.facebook.com/pages/In-My-Hood/311797812180540

fano
5 months ago



Bonjour j’ai un ptit problème le contenu pour les non fans apparait nikel a l’ouverture de la page par contre pas pour les fans. Il faut cliquer sur l’onglet « newsletters » en l’occurrence pour voir la page. Vous avez une explication?

Carmi
5 months ago



il faut se rendre sur votre page, onglet « Bien Démarrer » ou « mur », puis sur le bouton « Modifier la page », puis dans « Gérer les Permissions » : « Onglet affiché par défaut ».

Jérome
5 months ago



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

Carmi
5 months ago



Salut! il existe un petit générateur de landing page facebook si ça peut aider :
http://clipeo-web-creation.com/generez-votre-landing-page-facebook
Bonne journée :)

Créer sa landing page sur Facebook | A2web Marketing
5 months ago



[...] sur comment créer sa landing page sur Facebook. D’autres l’ont fait avant, on en cite un pour que vous puissiez vous dépatouiller… Notre objectif est de vous expliquer pourquoi le [...]

Vanessa
6 months ago



Bonjour,

J’aimerais savoir comment il est possible d’avoir la même landing page en anglais et en français selon si l’internaute a son facebook en anglais ou en français? Je sais que c’est possible puisque sur la page de coca cola sa fonctionne.

merci de m’aider

Vanessa

Milou
6 months ago



Salut, moi je n’ai pas compris comment faire pour crée une image et comment fusionner les trucs, moi j’ai Adobe Photoshop CS4 Extended

Lucile
7 months ago



Merci beaucoup ! J’ai tout compris à la création d’une landing page :)

Paul-Henri
8 months ago



Merci pour ce tuto ! Il fonctionne à merveille.

Pourquoi créer une page facebook entreprise | Shanegraphique | Web Communiqué
8 months ago



[...] personnalisation du profil, il est toute fois possible de créer ce que l’on appel une “Landing Page Facebook” qui s’affiche dès l’arriver d’un nouvel utilisateur. Cette “Landing [...]

aldo
10 months ago



sduper ce tuto :-)
un seul soucis surement du a ma vision defaillante : je ne trouve pas l’onglet « gerer les permisssions »

Marc
12 months ago



J’aimerais créer une landing page pour les non-fans, mais je veux que les fans aient directement access au mur. c’est possible vous croyez ?

Med
1 years ago



Svp je ne vois pas le bouton a gauche »ajouter a ma page » sur static fbml .qu’est ce qu’il ya ce n’est plus valide ou koi? merci

Manden
1 years ago



Kelkun peu menvoyé comment il a rempli les code pour reussir ou otre façon

ШEP
1 years ago



Bonjour , je n’arrive pas a créer une fan page comme je le veux , quelqu’un a le même soucis ?

* Je veux que tous le monde vois qui est dans le groupe avec une photo et non voir « 154 personnes aime »

goldtaatu@gmail.com

Rémi
1 years ago



Rémi
1 years ago



Pour infos voici le code que j’ai généré, une fois collé dans l’onglet FBML, la page est blanche rien ne s’affiche, j’ai sans doute du faire faire une grossière erreur mais je ne sais pas laquelle?? Merci d’avance pour vos conseils…

Rémi
1 years ago



Bonjour tout le monde !!!
Juste une précision : je suis un peu (voir complètement) novice avec la programmation de code HTML, ainsi je viens de créer mon visuel sous Illustrator, mais je ne sais pas comment générer le code HTML à coller dans l’onglet FBML de facebook…
Merci pour vous réponses.

Nico
1 years ago



Excellent, merci encore, je vais tester ça dès que possible ! :)

Shane
1 years ago



@Nico : Pour mettre une vidéo de YouTube sur ta Landing-Page Facebook, il faut tout simplement y intégrer le code présent sur la page YouTube de la vidéo…

Nico
1 years ago



Bonjour,
Merci pour toutes ces infos !
Quelqu’un saurait comment insérer une vidéo (player Youtube par ex.) sur la landing page ?
Merci d’avance ;)

andreas yoks
1 years ago



Bonsoir à tous,

Je viens de créer une landing page pour facebook. J’ai suivi les indications de création et l’onglet bienvenue est bien visible quand on clique dessus.
J’ai configuré correctement les paramètres afin que cette landing page soit ma page d’accueil. Cependant, c’est toujours le mur qui s’affiche à chaque fois. Que faire ?

Gabriel
1 years ago



j’ai réussi à faire fonctionner en mettant un autre code :

J’aimerais que lorsque le fan clique sur le bouton j’aime il soit directement redirigé vers le wall. Vous avez l’astuce (code) la dessus ? merci++

Shane
1 years ago



Facebook change régulièrement, il faudra sans cesse s’adapter au nouvelles dispositions et mises à jours.
De notre côté la « landing-page » du Blog Shane est toujours présente et accueil tous nos nouveaux visiteurs !

@Anthony & Gabriel : essayez de supprimer votre onglet et dans créer un autre en vérifiant point par point si il n’y à pas un « bug » quelque part…

Gabriel
1 years ago



Super article merci mais j’ai le meme problème qu’Anthony
Y a t il un rapport avec les nouvelles pages facebook ?
J’ai vérifié et je ne pense pas mettre planté dans le paramétrage…

judejst
1 years ago



Juste pour précision FB change le design des pages de fan donc fini les onglets en haut de page néanmoins les landing-pages subsistent et les onglets se retrouvent sur le coté droit
http://www.emarketinglicious.fr/marketing-reseaux-sociaux/facebook-vient-de-lancer-une-nouvelle-version-de-ses-pages-fans

Feel Different
1 years ago



Super tuto, congrats

Créer une Landing-Page sur Facebook » Net@Web – Graphisme-Web-Print
1 years ago



[...] Lien vers l’article : Créer une Landing-Page sur Facebook [...]

Anthony Cocain
1 years ago



Merci pour ce tuto. En revanche, mon image ne s’affiche pas chez moi et je ne comprends pas où est le soucis… : http://www.facebook.com/pages/Insert-Coin/270553538057#!/pages/Insert-Coin/270553538057?v=app_4949752878

Offpix
1 years ago



Mon essai de landing page : https://www.facebook.com/offpix.communication?v=app_7146470109


Leave a Reply

  Cancel Reply


0

subscribers

1,074

followers




Blog Shane © 2012 - SHANE GRAPHIQUE