Comment ajouter le bouton Like de Facebook sur WordPress?

Publié le 01 novembre 2011 par Novoceram

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.

L’article Comment ajouter le bouton Like de Facebook sur WordPress? est apparu en premier sur LRWEB.