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.

like

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.

Ces articles pourraient également vous intéresser :

Classement : 5.0/5. Sur 1 vote.
Please wait...
7 Comments
  • Manu-Nexus

    18 novembre 2011 at 20 h 54 min Répondre

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

  • Helene WebD

    1 décembre 2011 at 20 h 55 min Répondre

    Cool! Bouton ajouté sur tous mes articles!

  • plus dinfos

    5 octobre 2012 at 10 h 02 min Répondre

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

    • Leonard

      6 décembre 2012 at 23 h 06 min Répondre

      oue, moins de plugin tu installes mieux tu te porteras 😉

  • devbio

    19 octobre 2012 at 22 h 46 min Répondre

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

  • jerome

    7 novembre 2014 at 19 h 56 min Répondre

    Merci !!

  • Le diaphragme

    23 octobre 2015 at 15 h 16 min Répondre

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

Post a Comment