Vous êtes ici : Vivez-bloguez » Outils » Comment installer une likebox Facebook sur son blog
Juin
7
2013

Comment installer une likebox Facebook sur son blog

S'il y a une chose essentielle qu'il faut développer pour son blog depuis maintenant quelques années, c'est bien les réseaux sociaux.

Les réseaux sociaux ont tellement pris de l’ampleur sur Internet, que même Google tient compte de Twitter et Facebook pour le référencement des sites web dans son index.

Donc il est doublement important de développer ses réseaux sociaux.

Sans plus attendre, nous allons voir comment installer une likebox Facebook sur son blog WordPress sans installer de plugin.

Rappel : Je vous rappelle que moins vous aurez de plugin sur votre blog et mieux le temps de chargement de vos pages sera réduit. Et ça, c'est bon pour votre référencement.

Pour infos, la "likebox" c'est ça :

Likebox Facebook

Likebox Facebook

Préparatifs

Voici les ingrédients que vous devez avoir pour mettre en place votre likebox Facebook sur votre blog

  • Un blog WordPress (sans blague :-)
  • Une page Facebook
  • Quelques minutes de votre temps..

Tout d'abord, rendez-vous sur cette page. C'est la page que Facebook a mis en ligne pour créer vous même votre likebox.

Likebox facebook

En premier, mettez l'url de votre page Facebook. Vous allez voir que suivant les modifications que vous faites, vous aurez l’aperçu de votre likebox en temps réel.

  • Vous pouvez tout personnaliser.
  • l'affichage des miniatures
  • l'affichage de vos dernières publications
  • la couleur de la box
  • etc..

Faites attention simplement à la taille de votre likebox. Sur vivez-bloguez j'ai mis 237x290 pour quelle s'adapte parfaitement à l'épaisseur de la sidebar. La taille varie en fonction du blog.

Je vous conseille juste de laisser cocher "Show header" qui affiche tout en haut de la likebox "Rejoignez-nous sur Facebook". Facebook parle plus aux internautes, c'est donc mieux que cela soit affiché.

Quand vous avez fini la personnalisation, cliquez sur "Get code" en bas.

Likebox facebook-3

Vous aurez alors deux codes à rentrer sur votre blog.

Likebox facebook-4

Le 1er code peut se rentrer tout en bas de votre fichier header.php. Il sert à faire la correspondance entre votre page Facebook et votre likebox. En gros, quand quelqu'un s'inscrit sur votre page, votre likebox se met à jour automatiquement.

Le 2e code permet d'afficher votre likebox sur la page de votre navigateur. Il vous suffit de le copier/coller dans un widget texte et de le placer dans la sidebar de votre blog.

Pour vous simplifier la tâche, je vous conseille d'aller sur l'onglet "Iframe" (au lieu d'HTML5) et de coller directement le code dans un widget texte.

Pour cela, allez sur votre tableau de bord WordPress puis dans "Apparence" -> "Widgets". Déplacez un widget texte dans votre sidebar et collez-y votre code.

widget-facebook

Widget-Facebook

Pour finir, admirez le résultat sur votre blog en rechargeant la page.

Conclusion

Voilà, votre likebox est en place. Vos visiteurs peuvent aimer plus facilement votre page Facebook. De plus, elle ajoute un côté social à votre blog sans pour autant augmenter son temps de chargement.

Cet article a été trouvé en tapant :

  • like box facebook en français

Vous avez trouvé des fautes d'orthographe ? Copiez le lien de l'article et cliquez ici

Articles similaires

A propos de moi :

Autodidacte et passionné par le blogging et l'indépendance financière, j'ai décidé de créer Vivez-bloguez.com pour apporter des astuces et des conseils à tous ceux qui souhaitent se lancer dans le blogging et gagner de l'argent. N'hésitez pas à télécharger gratuitement mon livre "Comment créer un blog à succès sur Internet". En savoir plus sur moi.

20 CommentairesAjouter un commentaire

  • Bonjour,

    Je vous envoie ce message pour vous dire que cela ne marche pas sur mon blog …

    • Bonjour Jean Christophe.

      Merci pour votre message. Suivez bien le tuto, il n’y a rien de compliqué. Malheureusement, je ne peux pas faire plus.

      ++
      Greg !

    • @Jean-Christophe, tu n’as peut etre pas choisit le bon format.
      Regarde le screenshot « code de votre module Like Box » un peu plus haut, tu peux Choisir entre iframe, HTML5, ….
      Moi la box facebook a bien fonctionné en mettant iframe

  • Bonjour, merci pour le tuto, c’est très bien fait. Est-ce que vous pouvez traiter dans un prochain billet un petit tuto sur un « follow-box » twitter ? À bientôt !

    • Bonjour Océane,

      Merci pour votre commentaire.

      Oui, je ferais un article prochainement pour savoir comment installer une follow box twitter sur son blog.

      à bientôt !

      Greg

  • Juste pour dire évitez d’utiliser l’iframe qui est assez peu recommandée

    • Bonjour,

      Pourquoi l’iframe n’est pas recommandée ? Depuis que je l’utilise, je n’ai plus de problème de lenteurs sur mes blogs.

  • Bravo, tout est dit (enfin je crois)En tout cas : simple d’exécution ! rapide ! clair, net et précis ! que demande le peuple !

    Allez pour quand le prochain tuto ???

    • Salut Karyn

      Merci :)

      Le prochain tuto ? demain :)

      C’est d’ailleurs un excellent tuto.

      ++
      Greg

  • […] d'une like-box Facebook (à créer ici) […]

  • Juste : Merci !
    Marie Articles récents…Quand Inès de la Fressange fripponne* avec UniqloMy Profile

  • Bonjour,
    merci pour ce tuto que je vais mettre en place sur mon blog de mon camping en Vendée.
    bonne continuation

  • merci au final, pour le pop-up j’ai pris url de mon module like box et ça fonctionne
    Angélo Articles récents…Vidéo radar mobile mobile en Action lors d’un FreerideMy Profile

  • Hello, encore un super Tuto qui m’a beaucoup aidé pour mettre en place le likebox sur mon blog :), tout a l’air moins compliqué grâce a toi. Encore merci et bravo pour ton travail. Kate

  • Super ! J’ai regardé d’autres sites qui expliquaient pour Blogger sachant que j’ai un blog Blogger … Je tombe sur site, qui explique pour le blog WordPress, mais ça marche comme même !

    Hyper bien expliqué, merci 1000 fois !
    Zahra Articles récents…Comment passer une soirée cocooning entre ados ?My Profile

  • Bonjour, il semble que la fonctionnalité iframe ne soit plus disponible. Avez-vous une solution?
    Merci d’avance. Emma

    • Bonjour Emma.

      Oui j’ai la solution et j’en ferai un article prochainement :)

      Greg

  • Avec les nouvelles versions API de fb, cela ne fonctionne plus malheureusement.

    • Bonjour,

      Je vais faire un article MAJ bientôt.

  • Bonjour,
    cette likebox ne fonctionne plus, Facebook a changer API, aller à désormais
    https://developers.facebook.com/docs/plugins/page-plugin
    et mettre dans un widget le code Iframe

Laisser un commentaire

En cliquant ici, vous afficherez le titre de votre dernier article dans votre commentaire

Ce site utilise le plugin KeywordLuv. Entrez simplement votre nom suivi @votremotclé pour optimiser votre référencement. Ce blog est en dofollow.