Comment installer une like box Facebook

La like box est l’un des moyens les plus efficaces fournit par Facebook pour vous aider à recruter des fans. Voici comment en créer et les insérer sur votre site, pour permettre à tous vos visiteurs  d’aimer votre page Pro Facebook en un clic.

Plus de Fans par Dan Taylor

Une likebox et plus de Fans © Dan Taylor

Il y a plusieurs moyens d’inciter les visiteurs de votre site à devenir Fan de votre page Pro Facebook mais un seul combine à la foi la simplicité et l’efficacité de la like box.

Dans cet article et la vidéo ci-dessous je vous présente en détail la Like box de Facebook, les quelques éléments pour la configurer et les moyens de l’installer sur votre site.

Une Likebox c’est quoi ?

La like box de Facebook est une application créer par Facebook, que vous allez afficher sous forme de widget dans n’importe laquelle de vos page web. Elle se présente sous la forme d’un cadre capable d’afficher une série d’informations de votre page Pro : comme votre nom, vos abonnés et votre flux.

L’avantage de la like box sur un lien lambda (outre les informations qu’elle présente) c’est qu’il suffit à l’internaute de cliquer sur un bouton, directement sur votre site, pour devenir votre fan sur Facebook. C’est une grande simplification du processus, puisqu’il vous suffit d’inviter vos lecteur à cliquer sur le bouton j’aime d’une Like box en sidebar, en fin de page ou même à l’intérieur d’un article pour les fidéliser. Une like box en fin d’article article peut d’ailleurs s’avérer très efficace si vous invitez au geste du clic via un appel à l’action bien amené.

Installation de la Likebox

Pour insérer une likebox rien de plus simple. Il vous suffit de vous rendre sur la page Facebook de création de likebox et de remplir le formulaire.

  • «  » correspond à l’url de votre page pro (ex : http://www.facebook.com/pourleweb)
  • « Width » est la largeur que vous souhaitez, «  la hauteur. Ces deux paramètres ne fonctionnent pas très bien et devront souvent être corrigé manuellement dans le code.
  • « Color Scheme » détermine une apparence générale claire (light) ou sombre (dark).
  • Cochez la case « Show Faces » si vous souhaitez montrer les avatars des personnes qui aiment déjà votre page. Je vous recommande de le faire si vous avez plus de 10 fans (et de l’espace), car non seulement les visages montré constituent une preuve sociale, mais en plus ils sont choisi en fonction de votre visiteur s’il est connecté à Facebook. Lui indiquant ainsi ses amis facebook qui aiment déjà votre page et créant du coup un sentiment de confiance.
  • vous permet d’indiquer une couleur des bordures de votre like box au format CSS ; soit une couleur de base par son nom (red, yellow, green, etc.) soit en Hex (#ffffff, etc.)
  • Cochez la case « Show stream » pour afficher les mises à jour de votre page Fan. Personnellement je ne le fais pas, mais si votre page Facebook est très active et que votre site est un peu statique cela peut valoir le coup.
  • Enfin, cochez « Show header » si vous souhaitez garder l’invite par défaut de Facebook. Encore une fois, j’ai l’habitude de décocher cette case.

Il ne vous reste plus qu’a récupérer le code à insérer sur votre site en cliquant sur « Get code » et à l’y placer. Le code le plus simple à placer étant la forme Iframe, qu’il vous suffira de copier/coller. Les emplacements possibles : dans un code html (par exemple le html d’un article), dans un widget de type texte (sidebar) ou directement dans votre fichier si vous savez ce que vous faites.

***

Voilà, ne perdez pas de temps et installez vite votre Likebox sur votre site pour augmenter le nombre de vos Fans. Et bien sûr nous vous attendons sur Facebook !




74 Commentaires
72 Commentaires
  1. Bravo, tout est dit (enfin je crois)
    En tout cas : simplicité d’exécution ! rapidité ! clair, net et précis ! que demande le peuple !
    Allez pour quand le prochain tuto ???

    • Merci Maguie de ton sympathique commentaire :) Le prochain Tuto : Je ne sais pas :p Au pire je ferais cela régulièrement chaque mois, mais peut être plus souvent :)

  2. Bonjour Hernan. Merci pour ton tuto c’est une bonne idée. Je voudrais savoir par ailleurs combien de visites t’amène ce module.
    Sur le blog de AlloRap.com : 50 Cent : l’interview du magasine XXL

    • Bonjour Allorap,
      je ne sais pas si mes chiffres sont représentatifs. Chez moi environ 10% des gens qui aiment ma page fan on utilisé le bouton « j’aime » d’une likebox (donc sur mon site). Ensuite dire que le module amène des visites est un peu erroné. Il amène des fans, et en fonction de beaucoup de facteurs (dont le type de site et la politique éditoriale du site et de la page pro) vont visiter ton site. Pour ma part chaque fan de Facebook m’amène environ 1 visite par mois. Ce qui est pas mal pour une publication par semaine. Selon une étude récente dans le domaine du e-commerce 1 fan c’est 20 visite dans l’année : source hitwise

  3. D’accord, je comprend mieux le principe grâce à toi. Pour ma part je n’ai qu’une page FB de type classique, avec le risque bien sur que ma page se fasse bannir (car FB est réservé aux personnes et pas aux sites ou entreprise).

    Ça ne ferait pas de mal en tout cas de mettre en place un fan page d’ailleurs j’ai vu que tu a utilisé un module pour ta landing page, c’est une autre bonne idée (gain de temps je suppose) à mettre de côté….
    Sur le blog de AlloRap.com : 50 Cent : l’interview du magasine XXL

  4. Bonjour,
    Merci pour ce tuto instructif. Je voulais juste savoir comment savoir que les gens qui ont cliqués sur le bouton « J’aime », l’ont fait depuis la like box de mon site ?

    Cordialement,
    Chafik
    Sur le blog de Chafik : Les 29 plugins WordPress installés sur mon Blog

    • Bonjour Chafik,
      Tu trouveras cela sur ta page Facebook, en cliquant sur le « personnes qui aiment » sous la mention « Sources des mentions J’aime »

  5. Merci Hernan pour cette info. Pas beaucoup de mes Fans issus de ma like box ! :D
    Par contre, peut-on connaitre les gens qui déclarent ne plus aimer notre page ?

    Cordialement,
    Chafik
    Sur le blog de Chafik : Les 29 plugins WordPress installés sur mon Blog

    • L’endroit où tu place la Like box compte vraiment. par exemple si tu la met sur la page « confirmation » de l’inscription à ta newsletter ou à la fin de tes articles, cela aura plus d’impact qu’en sidebar.

      Tu ne peu pas savoir qui à déliké ta page nominativement à moins de regarder tous les jours. Et est-ce vraiment intéressant ? Par contre tu peu regarder le nombre de délike dans les statistiques. Et cela peut être plus intéressant :)

  6. Pas mal l’idée de la like box sur la page de confirmation de la newsletter, même si j’ignore encore comment procéder ! ;)
    merci encore, à bientôt.

    Chafik
    Sur le blog de Chafik : Les 29 plugins WordPress installés sur mon Blog

  7. L’info que je cherchais pour installer une like box FB, merci :)

    • De rien, heureux que mon article vous aide à l’installer sur votre site de communication car c’est difficile de se passer de Facebook dans ce métier de nos jours.

  8. merci pour la vidéo

  9. Merci pour votre aide. Par contre est-ce que vous savez comment installer un like caché. C’est à dire que lorsque le visiteur arrive sur le blog/site et qu’il est en même temps connecté à Facebook, cela ajoute un like automatiquement. C’est un peu du marketing bourrin, mais ça me plairait bien pour l’un de mes sites :). Merci d’avance.

    • Désolé, mais je n’ai pas de solution pour vous, et ce n’est vraiment pas le genre de chose que je cherche à faire. D’ailleurs, quel intérêt ? Si vous trompez vos visiteurs, ou que vous leur forcez la main, ne pensez-vous pas qu’ils en vous tiendront rigueur ?

  10. Moi je n’ai toujours pas compris où on collait le lien. J’aimerais mettre un bouton « j’aime » sur ma page facebook pour que quand un utilisateur clique dessus, les autres le voit c’est bien le « like box » ?

    • Bonjour Flora,
      La likebox facebook se place sur un site internet extérieur à Facebook pour inciter les visiteur à devenir fan d’un page Facebook pro. Je ne pense pas que cela corresponde à ce que vous cherchez, et tel que vous le décrivez, je ne pense pas que ce que vous voulez existe.

  11. Bonjour.

    J’ai un problème. Cela fait quelque temps que j’ai la likebox sur mon blog.
    Elle est dans la colonne de droite. Seulement voila, elle s’affiche bien en homepage, mais elle ne s’affiche pas lorsque je suis sur les articles du blog.
    Que puis-je faire? Merci bien.
    Sur le blog de Mirandolina : Ne cumparam un sat?

    • Bonjour Mirandolina, merci de votre commentaire.
      Si votre Likebow s’affiche bien c’est que le code que vous avez placé est le bon. Si en même temps elle ne s’affiche pas sur une autre page, c’est tout simplement que le code n’est pas implémenté. Avez vous vérifié (puisque vous êtes sur un wordpress) que la colonne latérale (dans apparence/widget) de votre accueil est la même que celle de vos articles ? Si ce n’est pas le cas (comme je le pense) il vous faudra copier le code de la barre latérale d’accueil sur la barre latérale des articles.

  12. bonjours ,

    oui mais sa ne dit pas tout ,comme ou il faut placer ce code car moi c’est là que je but est ce que vous pouvez m’aider et merci !!

    • Je montre cela dans la vidéo il me semble :) le code soit de placer dans un onglet html si votre site en a un ou alors dans un widget texte. Au pire demandez à votre webmaster de la placer au bon endroit.

  13. Bonjour,

    Un grand merci pour ce tutto. Une explication et une vidéo claire, nette et précise !
    Bien evidemment je garde votre site dans mes favoris, c’est une mine d’information pour une débutante comme moi.

    J’ai Inséré le code dans le widget, cela s’affiche trés bien sur mon site, par contre le bouton « j’aime » ne fonctionne pas?????? Pouvez vous m’aiguiller d’avantage?

    Cordialement

    Céline

    PS : Mon site n’est pas encore visible au public il n’est pas encore complètement terminé

  14. Probleme résolu….

    • Bonjour Céline, pourriez-vous nous dire d’où venait le problème et comment vous l’avez résolu ? Peut être que d’autres lecteurs ont rencontré le même. Merci de votre fidélité en tous cas.

  15. apres trois heure de bataille avec mon site et cette envie d’y mettre cette likebox j’ai trouver votre tuto
    et bien juste merci, je crois bien que si je vous avez sous la main je vous ferez une biz….
    merci et bravo

  16. Bonjour,
    Merci pour le tuto, j’ai pu installer le plugin dans ma page « galerie »
    En revanche, j’ai remarqué qu’au bout d’un certain temps les publications anciennes ne s’affichent plus !!! Y a t-il un moyen ou une config dans facebook pour enlever cette restriction ? Concrètement, ma dernière publication est du 8 mars et elle n’apparait plus, ainsi que toutes les plus anciennes.
    Merci
    Philippe

    • Je pense que c’est un bug; Peut être du fait du passage de FB en mode timeline le 31 mars. Essayez de refaire le code ?

  17. Bonjour,
    J’ai régénéré le code mais rien n’y fait !!!!! j’ai vraiment l’impression qu’il y une limitation dans FB pour ne pas afficher les publications anciennes avec ce Plugin..

    Si quelqu’un à une info sur ce PB je suis preneur.

    Merci à tous.
    Philippe

  18. Bonjour,
    Avez-vous eu echos de difficultés d’installation avec les nouvlles interfaces de blogger (vues dynamiques) ? Après de laborieuses recherches et malgré vos explications je ne parviens pas à installer la likebox. J’ai copié collé le code Iframe dans un gadget html javascript mais ça ne fonctionne pas. Quand je vois mon blog, je me dis qu’avec cette barre noire où sont ajoutés tous les gadgets de manière un peu figée, je vois mal où elle pourrait se loger. Peut-être que Blogger n’a pas paramétré ces nouvelles interfaces pour recevoir une like box ?

    • En regardant votre site je ne vois pas où vous pouvez insérer la box, si ce n’est directement dans les articles. Mais je ne connaît pas bien blogspot. En principe un widget html devrait marcher. avez vous bien vérifié votre code ?

  19. Bravo pour la clarté des explications qui ont résolu mon problème de bouton. Ca marche chez moi.
    Sur le blog de vin&chère : Le pain au levain naturel de Pierre Overnoy au goût d’amitié

  20. Merci c’est clair.
    Après bon je pense que tu t’étends un peu sur des points qui ne servent pas à grand chose mais ce n’est pas grave… Vaut mieux un poil plus que pas assez d’explications.
    Cependant si tu peux juste bien prononcer (même avec un accent français) les mots de base en anglais car width tu dis wide ce qui est complètement différent ;) et puis le scheme ce n’est pas le « chème » mais plutot « skim » si çà peut t’aider ;-) tout comme width = [widz] grossomodo

    • Bonjour Daymo,
      Merci de ton commentaire. Il vaut mieux un peu trop de précision que pas assez, même dans un tutoriel qui paraît facile à la plupart des gens. Pour ce qui est de mon accent tu as raison, il est atroce !

  21. Je découvre ton tuto, c’est très bien fait; je suis complètement novice en informatique, en réseaux sociaux et en création de sites web (donc ce n’est pas un peu du chinois pour moi, ce l’est complètement!) mais tu donnes envie de vouloir apprendre. Pour ton accent ☺ te tracasses pas, moi je suis Belge (mdr)

    • bonjour Thierry,
      Merci de ton commentaire, et aussi de tes encouragements :)

  22. Bonjour, lorsque je mets l’adresse url de ma page facebook sur le formulaire de Like Box, un encadré rouge apparaît en inscrivant « Une erreur s’est produite lors de la récupération de l’espace J’aime pour la page spécifiée. » J’ai essayé plusieurs adresses et ça me fait toujours pareil. Avez-vous une idée du problème?

    • Bonjour Nerewen,
      Vous devez sans doute faire une erreur de base, du genre mettre un http alors qu’il n’en faut pas, ou l’inverse. Sinon réessayez plus tard ? Cela vient peut être de Facebook.

  23. bonjour
    j’ai le meme probleme j’ai essayé avec deux adresses facebook et depui une semaine toujours le même probleme « Une erreur s’est produite lors de la récupération de l’espace J’aime pour la page spécifiée. »
    et mon facebook « younesstallih »
    merci

    • Bonjour,

      La « Like Box » ne fonctionne qu’avec les « Pages Facebook », par les profils personnels, nu les groupes. D’où le message d’erreur.

  24. Bonjour Hernan,
    Merci pour ce tuto !
    J’ai installé la Like Box, or elle n’affiche la liste des fans que lorsque je me connecte sur Facebook. Sinon j’observe le message suivant : « Connectez-vous pour voir ce contenu »
    Savez-vous d’où cela peut venir ?

    • Problème résolu !
      La restriction d’âge pose problème. Il faut laisser 13+ …
      Bonne journée

  25. « Une erreur s’est produite lors de la récupération de l’espace J’aime pour la page spécifiée. »

    Voilà ce qu’il m’écris depuis une semaine. Pourtant j’ai tout respecté. Il y a un probleme sérieux

    • Avez-vous vérifié votre code à 2 fois ? Si le code est bon, c’est que l’erreur vient de Facebook, et donc qu’elle sera corrigée sous peu.

  26. Hello,
    J’ai le meme pb que nerewen, j’ai un encadré rouge avec ce message :
    Une erreur s’est produite lors de la récupération de l’espace J’aime pour la page spécifiée.
    Je ne sais pas comme résoudre ce problème
    Bien à toi
    Et merci pour le tuto bien expliqué ! ;)

  27. En fait la grosse question est : Faut-il avoir une page spécifique de facebook ?
    Faut-il faire une manip spéciale ?

  28. Ok pb résolu…
    Merci

    • Bonjour, comment l’avez-vous résolu ? Cela aidera peut être les autres :)

      Merci à vous.

  29. Bonjour,
    En fait mon pb est tellement nul, que je n’osais pas l’afficher…
    Le truc c’est qu’il fallait simplement que la page facebook en question ait le « like » permettant aux internautes de dire qu’il aime cette page..
    Voilà, j’me suis senti un peu ridicule..
    Bref, j’avoue … :)
    A +

    • Si je comprend bien il faut donc que ce soit une ‘page Pro’ et non une page ‘Perso’. Est-ce là l’explication ?

      Quoi qu’il en soit merci de ton aide pour les autres, car tu n’es pas le seul a avoir ce souci, et parfois c’est tellement simple que des gens comme moi ne peuvent pas s’imaginer que de telle erreurs arrivent :)

  30. Effectivement, je pense que la raison est celle là..
    A moins que l’on se permette de faire de la pub de notre page perso.. enfin je crois..
    A +

  31. en fait , pour avoir un like box qui fonctionne sur votre site , il faut absolument avoir une page fan( ou page facebook pro) qu’on peut la créer a partir d’un profil perso facebook

  32. sans une page facbook pro un message « Une erreur s’est produite lors de la récupération de l’espace J’aime pour la page spécifiée. » sera affiché aprés configuration d’un like box

  33. Que dire de plus ? Pédagogue et riche ; A garder dans les favori, soit, idéale pour « néosyte » comme moi ;-p bref : Merci et peut-être à bientôt sur ma page « pro » pour un -clic j’aime’ ! Il faut déjà que je la crée ^^ Bravo !

  34. Bonjour,
    Je viens de créer un page Facebook. J’ai testé avec le fonctionnement de la like Box et récupéré le code « iframe » dans mon site web.
    Celui-ci fonctionne bien, mais uniquement lorsque je suis connecté sur FaceBook.
    Sinon, j’ai à la place le message suivant :
    Profil public Facebook – Connectez-vous pour voir ce contenu
    Comment resoudre ce probleme.
    Merci pour votre aide
    Cdt

    • Bonjour,
      C’est normal, la likebox est faites pour les gens qui sont déjà abonné à FB puisqu’il faut être inscrit sur FB (et connecté) pour pouvoir y aimer une page.

  35. Bonjour,

    Merci pour ce tuto très explicatif , j’ai réussi à faire apparaitre Facebook mais pas le streaming alors que c’était coché. Le fil d’actualité ne remonte pas.

    Merci quand même !
    Sur le blog de NATIVE D AILLEURS : Facebook

  36. Bonjour,

    J’ai créé une page facebook pour la société pour laquelle je travaille l’adresse de la page est http://www.facebook.com/cambo.meubles
    Il y a un point dans l’adresse personnalisé. Quand je génère le code et récupère le code Iframe, rien ne s’affiche.
    J’ai le même soucis avec une autre page dans laquelle l’url comporte aussi des points. Est-ce cela qui pose problème ???
    Comment faire pour résoudre ce problème ?
    Je n’ai pas envie de renommer la page sans le point dans l’url mais si cela ne va pas j’y serai sans doute obligée.
    Avez-vous une solution ?
    Merci

  37. Bonsoir,

    Merci pour ce tuto

    Mais moi j’ai pas de site, mais j’aimerai l’installer sur mon skyblog pour faire venir du monde sur ma page facebook, comment faire svp ?

    • Bonjour, Skyblog doit avoir des widgets intégrés pour installer une likebox facebook. il faut fouiller les options de votre administration :)

  38. j aime vraiment le like box

  39. Hé bien non ! il veut pas apparaitre ! j’essaye une dernière fois :

    • Je pense que vous avez un cache sur votre site et qu’il faudrait le désactiver :)

  40. Merci pour ces conseils: précis et efficace.

  41. Bonjour,
    ça fait maintenant quelques temps que j’essaie d’insérer sur mon site le fameux bouton « j’aime » de ma page pro sur mon site web.
    Mon site web est un book.fr il a dejà une fonction de stats qui le relie à ma page « perso » de facebook… incluant des boutons j’aime mais ceux-ci ne sont pas reliés à ma page pro. J’ai tenté de le mettre sur ma page d’accueil j’ai un bouton (HTML) qui me permet de rentrer le code, mais ça ne marche pas ! Pouvez vous m’aider
    http://www.melodyphotographie.fr
    page pro facebook: https://www.facebook.com/melodyphotographie

    • Bonjour Melody,
      Si vous prenez le code iframe après avoir crée votre likebox vous devriez pouvoir l’insérer dans une page sans problème dès qu’elle accepte du code html. Pensez à bien recopier tout le code en faisant un ctrl + A au besoin dans votre texte a sélectionner. Au delà de cela je ne peu vous aider que dans le cadre de mes services payants. Vous pouvez m’écrire via la page contact si cela vous intéresse. Je pourrais mettre en place la likebox pour vous.

  42. Bonjour,
    Je n’arrive pas à configurer la taille de ma like box, le nom de mon blog « déborde ».
    Pouvez-vous m’aider?
    Merci!

    • Normalement le nom est supposé passer sur 2 lignes quand il est trop long. Sinon regardez dans le code et changez les 2 endroits ou il y a la largeur (width). Pensez à prendre le code iframe.

  43. claire et nette
    merci

  44. Bonjour.

    Quand j’installe la like box facebook, la platforme blogger dit qu’il y a une erreur sur cette ligne : js.src = « //connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4″;

    Voici le message exacte : The reference to entity « version » must end with the ‘;’ delimiter.

    Pouvez vous m’aider car c’est le code qu’à générer Facebook donc je ne comprend pas… Merci de votre aide.

    • Bonjour Shurika, C’est probablement une erreur de Copier/coller. Refaites les opération depuis le début et cela devrait marcher. Attention, les likebox ne s’appellent plus comme ça, et il y a eu de petits changements par-ci par-là.

Commenter cet article

CommentLuv badge

Suivez-nous

Your Adv Here
Your Adv Here