Comment ajouter le bouton Like de Facebook sur WordPress?

Vous avez un site web? Que vous ayez une page Facebook ou non, le bouton « like » de Facebook peut être un vrai générateur de trafic si vous l’utilisez bien.

Les avantages du bouton « Like »

Le bouton Like est un outil très puissant qui permettra à vos lecteurs de vous indiquer qu’ils apprécient votre contenu mais surtout de recommander votre contenu à leurs amis! Le pouvoir viral du bouton Facebook est énorme, imaginez qu’une dizaine d’amis « like » un contenu, que ces amis aient en moyenne 300 amis et qu’une dizaine de ces centaines d’amis recommandent ce contenu à d’autres milliers d’amis d’amis d’amis… Bref, vous l’avez compris, sur Facebook tout va trop très vite!

Intégrer le Protocole Facebook Open Graph dans votre thème WordPress

Beaucoup de sites utilisent mal le bouton et le relient au site entier et non à la page sur laquelle le bouton est installé, ou alors l’image, la description ou le titre qui sont affichés sur Facebook ne correspondent pas au contenu de l’article… Pour avoir une correspondance exacte entre le titre de votre article, la vignette et la description il est essentiel d’intégrer le Protocole Facebook Open Graph dans votre thème WordPress. Si vous ne l’avez pas encore lu, jetez-vous sur l’article vous expliquant comme faire si vous avec un blog WordPress.

Appeler Javascript SDK

Maintenant que vous savez que ce bouton Facebook est très utile et que vous avez intégré le Protocole Facebook Open Graph dans votre thème, il suffit d’ajouter le code ci-dessous où vous souhaitez faire apparaitre votre bouton Facebook. Si vous souhaitez l’insérer dans vos articles WordPress, il vous suffira d’ouvrir le fichier « single.php » et d’y coller le code suivant à l’endroit voulu:

1
2
3
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;
width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;">
</iframe>

Si vous souhaitez le personnaliser voici les principales modifications que vous pouvez apporter:

Layout:

layout=standard si vous souhaitez afficher du texte, les photos des amis.
layout=button_count si vous souhaitez afficher le bouton simple avec le compte des personnes qui aiment et rien d’autre.
layout=box_count si vous souhaitez afficher le nombre de « like » au-dessus du bouton.

Visages des amis:

show_face=true si vous souhaitez afficher les visages des amis qui aiment ce contenu sous le bouton ou show_face=false si vous ne le souhaitez pas.

La largeur:

width=450 signifie que votre bouton fera 450px de large, sentez-vous libre de rétrécir ou élargir le bouton.

Texte du bouton:

action=like si vous souhaitez que le texte du bouton soit « j’aime », sinon vous pouvez remplacer =like par =recommend pour afficher le texte « je recommande ».

Couleurs:

colorscheme=light si vous souhaitez des couleurs claires ou colorscheme=dark si vous souhaitez des couleurs sombres.

8 commentaires

  1. Merci pour cet article. Ca m’évite d’installer un plugin!

    Reply
  2. Cool! Bouton ajouté sur tous mes articles!

    Reply
  3. Merci exactement ce que je cherchais, car installer 50 000 plugins ça devient vite lourd !

    Reply
    • oue, moins de plugin tu installes mieux tu te porteras ;-)

      Reply
  4. Merci beaucoup pour cet article. De sque j’ai 5 min j’essaye demettre les boutons like sur mon site

    Reply
  5. Merci !!

    Reply
  6. Haha je vois que ce site est pleins de ressources en astuces !! Merci

    Reply
  7. Ce site vous enseigne de bonnes astuces et j’espère vous tenir au courant. Désolé

    Reply

Reply to Helene WebDCliquez ici pour annuler la réponse.

Derniers Articles

  • segments avancés
    Les Segments avancés de Google Analytics et 20 exemples

    Il existe plusieurs outils de Web Analytics qui vous permettent de segmenter vos données, moi j’utilise Google Analytics et ses segments avancés que je vais essayer de vous détailler en suivant ce plan : 0) Introduction I) Qu’est-ce que sont les segments avancés et pourquoi les utiliser? I-a) Qu’est ce que sont les segments avancés? […]

  • Netlinking
    Qu’est-ce que le Netlinking et comment faire?

    Voici le sommaire de cet article : 1/ Qu’est-ce que le Netlinking ? 2/ Qu’est-ce qu’un backlink de qualité ? 3/ Plutôt White, Grey ou Black Hat ? 4/ Restez Naturel et Variez 5) Quelles techniques et quels sites utiliser pour son Netlinking ? 6) Analyser 7) Etre organisé et planifier son Netlinking 8) Conclusion […]

  • thumb
    Tout savoir sur le Temps de pose

    Il y a quelques semaines nous parlions d’ouverture du diaphragme et de profondeur de champ, aujourd’hui j’aborderai le deuxième chapitre lié à l’exposition : la vitesse d’obturation. Rappel : une photo bien exposée est une photo qui combine parfaitement les trois facteurs du « triangle de l’exposition » : – L’ouverture du diaphragme – Le […]

  • thumb-i
    Tu savais que …?

    Vous retrouverez sur cet article plein d’anecdotes et de statistiques liées au web, aux réseaux sociaux, à Google, des geekeries… Pour les découvrir en avant-première, suivez moi sur Facebook , sur Google+, sur Pinterest ou sur Twitter! Cette page est mise à jour tous les jours, n’hésitez pas à partager ces images sur cos réseaux […]

  • seo-copywriting
    Comment écrire ses articles et bien utiliser les mots clefs?

    C’est article est la suite de "Comment choisir ses mots clés pour référencer son site?", donc si vous avez la flemme n’avez pas eu le temps de lire ce précédent article, je vous rappelle que : – c’est essentiel de réfléchir sur quels mots clefs associer à chaque page… et donc éviter la cannibalisation SEO […]

  • thumb-ouverture
    Tout savoir sur l’ouverture du diaphragme

    En photographie si vous souhaitez sortir de l’ennuyeux mode « auto » pour faire de la photographie avec créativité et personnalité, il y a un concept qui est essentiel : l’exposition. Une photo bien exposée est une photo qui combine les trois facteurs du « triangle de l’exposition » : – L’ouverture du diaphragme – […]

  • pentax-eau-thumb
    Victoire de LRWEB lors du Concours « l’eau » organisé par Pentax

    Les quelques lecteurs fidèles se demanderont ce que vient faire un article qui parle de photographie sur mon blog… J’en profite donc pour vous annoncer un virage important pour ce blog. Dorénavant je ne parlerai plus uniquement de Web-marketing et de Web Design mais également de Photographie qui est depuis plus d’un an une vraie […]

  • communiques-presse-thumb
    Comment rédiger et publier un communiqué de presse optimisé SEO?

    Voici comment s’articulera cet article : Les communiqués de presse au cœur de votre stratégie SEO Comment rédiger vos communiqués de presse Choisir des bonnes plateformes de press release Comment Publier vos Article de presse Et après la publication je peux en remettre un coup ? Fichier Bonus à télécharger (liste de plus de 250 […]

  • tab
    Tutoriel : Intégrer un Onglet iFrame sur votre Fan Page Facebook

    La durée de vie d’un tutoriel sur Facebook et ses fonctionnalités est très courte vu que le site californien change constamment! Mais vous avez été si nombreux à me demander un tutoriel mis à jour sur la création et l’intégration d’un Onglet sur une Page Fan, que j’ai finalement craqué… Cet article est donc la […]

  • multilingue
    Site Multilingue: domaines, répertoires ou sous-domaines?

    La première règle est qu’il n’y en a pas! Un peu facile comme introduction… Disons qu’il y a de très bonnes techniques, des bonnes techniques et des techniques un peu moins bonnes! Décidemment cette intro est complètement nulle…Et pour conclure en mocheté cette inutile introduction, disons que chaque site multilingue aura sa propre stratégie en […]

  • imacros-bh
    Tutoriel iMacros et Exemples de macros

    Cet article t’intéressera si: – tu souhaites simplement gagner du temps en automatisant des opérations que tu répètes quotidiennement, – si tu es SEO et que tu souhaites automatiser des flux, poster plus rapidement, créer des backlinks ou rendre ta LinkWheel plus puissante, – si « Bookmarking Demon », « SenukeX », « Scrapebox » et autres softwares de BH te […]

  • contentspinning
    Content Spinning: comment faire et quels logiciels utiliser?

    Le content spinning en SEO est une technique qui consiste à créer du contenu rapidement, mécaniquement en substituant des mots grâce aux expressions simples du langage PHP. Elle est très souvent utilisée par la communauté des SEO Black hat pour générer des backlinks. Le rendu peut être propre et ressembler à une reformulation manuelle ou […]

  • like-wordpress
    Comment ajouter le bouton Like de Facebook sur WordPress?

    Vous avez un site web? Que vous ayez une page Facebook ou non, le bouton « like » de Facebook peut être un vrai générateur de trafic si vous l’utilisez bien. Les avantages du bouton « Like » Le bouton Like est un outil très puissant qui permettra à vos lecteurs de vous indiquer qu’ils apprécient votre contenu mais […]

  • likekei
    Comment intégrer Facebook Open Graph dans WordPress?

    Quand une personne « aime » votre contenu, un résumé de la page s’affichera sur son mur Facebook. l’Open Data Graph Meta vous permettra d’avoir une correspondance exacte entre le titre de votre article, la vignette et la description comme sur cet exemple: Si vous avez un blog WordPress, c’est très simple, il suffit d’ajouter quelques meta […]

  • thumbb
    The Passion Project: l’initiative Facebook de Novoceram

    Depuis Avril 2011, je suis responsable Web chez Novoceram, un des leaders mondiaux du secteur céramique. Je souhaite vous faire partager une de mes expériences Web chez Novoceram. L’évènement de l’année pour les entreprises du secteur céramique est le Cersaie. Chaque année, le stand de Novoceram illustre un thème choisi l’équipe. L’année dernière, c’était « le […]

Devenez Fan de Léonard Rodriguez sur Facebook
Retrouvez moi sur Google
Suivez-moi sur Twitter
COntactez-moi