folder Filed in Je t'apprends trop de truc, Réseaux sociaux
Comment personnaliser votre Fan Page Facebook
Sylvain comment 20 Comments

Facebook est devenu la plate-forme préférée des marketeux pour toucher le grand public. De fait, il est primordiale pour une marque d’être présente sur facebook, et cela via une Fan Page.

Nous allons voir en quelques points le meilleur moyen d’optimiser visuellement votre page, pour l’inscrire dans l’identité visuelle de votre marque.

Quelque chose d’évident dans un premier temps, mais souvent oublié, puis un second point un peu plus technique. Let’s go.

La visibilité de votre avatar/logo

Sûrement l’élément le plus important de la landing page, c’est l’avatar ou le logo de votre marque. Facebook vous permet d’uploader une image d’une taille de 200×600 pixels, profitez-en !

victoria-page-facebook

La Landing Page

Comme son nom l’indique, la Landing Page sur Facebook, est la page sur laquelle vos visiteurs vont atterrir lorsqu’ils vont suivre votre lien ou un résultat de recherche. Si vous pensez que le visiteur va obligatoirement tomber sur le Wall, vous vous trompez lourdement : vous avez cliqué sur l’image de la Page Victoria’s secret ?

Oui, vous tombez directement sur la page « Spotlight », et ce n’est pas le Wall.

Nous laissons de côté pour l’instant le fait que cet onglet soit étrange, puisqu’il ressemble à une page HTML personnalisée, pour nous concentrer sur la Landing Page.

C’est en réalité extrêmement simple, il suffit de se rendre dans Edit Page puis sur Edit en dessous de Wall Settings et, dans le menu déroulant de Default Landing Page, sélectionner l’onglet que vous voulez.

pepito-landing-page

Créer un onglet personnalisé avec la Static FBML App

Cet onglet personnalisé que nous avons vu plus haut est en fait généré grâce à une application appelée Static FBML App.

Pour l’installer, cliquez ici (ou faites une recherche dans facebook) et cliquez sur Add to my page. L’application apparait alors dans la partie administrateur de votre page. En cliquant sur Application Settings, vous pouvez ajouter un nouvel onglet, puis, en cliquant sur Edit, vous pouvez changer le contenu et le titre de votre onglet.

Et c’est là que ça devient intéressant puisque le FBML, en plus d’être le langage de programmation de Facebook, supporte très bien du HTML simple (pas besoin de balises <html> et <body>). Mais c’est effectivement le FBML qu’il est primordiale de gérer ici. Heureusement, c’est un langage plutôt simple à maitriser pour qui à quelques connaissance en HTML, XML ou PHP.

De plus, Facebook met à disposition des développeurs un Wiki très complet sur les différents tags que proposent le FBML. Sachez donc que vous pourrez rajouter diverses applications, des boxs de commentaires, du contenu flash ainsi que toutes les modules que l’on retrouve sur Facebook.

Vous l’aurez compris, l’enjeu principal est d’associer le FBML à un habillage HTML et de jouer avec les Landing Pages, en fonction de votre stratégie.

Dans l’exemple ci-dessous, la Landing Page d’Harley Davidson nous propose immédiatement d’inviter des amis à devenir fan de la marque, cliquez donc :

harley-landing-page

Autre exemple, moins judicieux à mon avis, celui de Coca-Cola qui demande à l’utilisateur l’accès à son profil sans vraiment qu’il sache dans quel but :

coca-cola-landing-page

Vous avez maintenant un petit aperçu de la façon dont les marques construisent leurs Fan Pages, il ne vous reste plus qu’à construire la votre 😀

avatar entreprise facebook fan page FBML HTML landing page marque personnalisé size

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Cancel Laisser un commentaire

  1. Comment faire pour ajouter l’onglet invite tes amis comme pour hartley.
    Quel est le code html.?

    Merci de m’aider

  2. Bonjour,

    Est-ce que quelqu’un peut me dire comment faire sur une page de facebook que j’ai crée, pour que les photos de la Page ou groupe, soit vu seulement si on devient fans.

    Merci d’avance

  3. Bonjour et merci beaucoup pour ce petit tuto !

    Néanmoins, tout comme la personne au dessus, je voudrais savoir quoi mettre dans le FBML pour faire en sorte que:
    Les gens qui arrive sur la page doivent devenir fan pour accéder a l’onglet photo !
    Ou bien peut être justement, dans ce FBML mettre une photo secrète =D qui serait lié au fait qu’il soit fan de la page ou pas !
    Merci pour ceux qui aurons prix la peine de lire mon post, je suis moi même aller sur:
    http://wiki.developers.facebook.com/index.php/Fb:request-form (Sans trouver mon bonheure =)
    Encore une foi, merci a vous.

  4. Bonjour,

    j’aimerais faire pour quand un fan clique sur mon onglet E-boutique il arrive sur mon site mais je ne sais pas comment il faut faire pareil pour mon blog.
    je suis novice, je ne sais pas faire de script.
    Pourrais tu me dire comment faire ?

    Merci d’avance

  5. aidez moi s’il vous plait je suis arriver à mettre l’encart inviter mes amis sur ma page mais sur les notifications de mes amis ils ne peuvent pas accepter la notification car il n’y a pas l’icône le seul icone présent c ignorer que dois je faire pour faire apparaitre l’icône accepter l’invitation??

  6. Je suis bloqué du fait que sur facebook j’ai crée une page qui s’appelle Facebook Actualités pour donner toutes les actu sur le site et j’ai remarqué que l’ont pouvaient mettre un encart ou onglet avec l’option inviter tout ces amis j’ai suivi les codes sur le site que Sylvain nous raconte:

    Je pense que tu trouveras ton bonheur sur cette page : http://wiki.developers.facebook.com/index.php/Fb:request-form
    Mais ensuite lorsque j’affiche la page invite les sur ma page facebook tout fonctionne comme prévu mais le probleme es ailleurs lors de l’arrivé de la notification chez mes amis il n’ont pas l’icone pour accepter juste l’icone ignoré comment puis je faire quel sont les codes pour mettre cette icone ?Merci d’avance

  7. Salut Bruno,

    Tu es sur un blog ici, pas un forum, donc évite de mettre trois commentaires à la suite.

    Là par exemple je suis en train de travailler, donc je ne peux pas te répondre tout de suite.

    Ensuite, tu peux te rendre compte que cette article date de décembre 2009, Facebook et le FBML ont grandement évolué depuis, certains de mes conseils ne sont donc plus à jour.

    Pour finir, pourrais-tu s’il te plaît éviter de maltraiter ainsi la grammaire et la syntaxe du français en plaçant, je ne sais pas moi, des virgules, des points, etc.
    Tes commentaires sont bourrés de faute, je te conseille amicalement de travailler un peu ton orthographe et ta conjugaison si tu veux te faire comprendre (j’ai du relire 10 fois ton commentaire pour comprendre de quoi il retournait …)

    Bonne journée à toi, j’essaierai de regarder ton problème quand j’aurai le temps, d’ici là, je te souhaite de bonne recherche.

    😉

  8. Bonjour,

    J’avais déjà une landing page sur Facebook, mais avec une seule image et pas de liens, ce que je trouvais un peu limité.

    Après avoir passé pas mal de temps à essayer de rendre cette page plus pro, j’y suis arrivée et j’ai mis en ligne un tutoriel ultra simple et rapide accessible à tous, donc si vous aussi vous avez envie d’avoir plusieurs visuels et des liens sur votre page d’accueil, allez voir cet article :

    http://delphine-desmarets.com/2012/01/19/personnaliser-page-fan-facebook/

  9. Do you have a spam problem on this blog; I also am a
    blogger, and I was wondering your situation; we have developed some
    nice practices and we are looking to trade techniques with other folks, please shoot me an e-mail if
    interested.