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 :
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.
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 237×290 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.
Vous aurez alors deux codes à rentrer sur votre blog.
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.
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.
Faites du Blog-Staging grâce au plugin Broken Link Checker.
Pourquoi 1&1 est (selon moi) l’hébergeur le moins cher d’Internet
Comment publier automatiquement ses articles sur Twitter
About Author
Grégory
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.
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
Juste : Merci !
Marie Articles récents…Quand Inès de la Fressange fripponne* avec Uniqlo
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 Freeride
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 ?
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
Merci Beaucoup,ça fonctionne Nickel!!
Nathalie Articles récents…Échantillons Gratuits: Missha Perfect Cover BB Crème