Comment ajouter J’aime (Like Button) de Facebook sur votre site WordPress
11 juin 2010 
13 commentaires
En avril 2010, Facebook a introduit un nouvel outil de partage pour les sites Web : le Bouton J'aime (Like Button). Ce bouton permet à vos visiteurs de cliquer J'aime et le statut du visiteur sur son Facebook affichera un lien à votre site Web. C'est une forme de microblogage puisque le Bouton J'aime permet de partager des choses que l'on aime sur le Web. Moi, j'aime ça. Dans cet article, je vous montre comment ajouter le Bouton J'aime sur votre site WordPress. Pour le faire, il faut modifier des fichiers PHP de votre thème WordPress ou installer une extension WordPress. Vous pouvez modifier les fichiers PHP à partir de votre Tableau de bord WordPress ou via FTP. C'est facile et on aime ça!
C'est quoi le Bouton J'aime de Facebook?
J'aime de Facebook est un petit code que l'on ajoute à notre site WordPress et qui permet aux visiteurs de dire "J'aime". Le Bouton J'aime détecte la langue de votre Facebook ou du site et affiche le Bouton dans cette langue. Intelligent le garçon! Voici le look du code sur mon site:
Et voici ce qui apparaît sur mon statut Facebook si je clique sur "J'aime""
Comment ajouter J'aime dans le PHP
Copiez et collez le code suivant dans les fichiers PHP de votre thème WordPress là où vous voulez que le Bouton J'aime apparaisse. Ajustez la taille (code en rouge) selon vos besoins. Dans mon cas, j'ai ajouté le code dans mes fichiers single.php, archives.php, search.php, tag.php et blog.php.
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:250px; height:60px;"></iframe>
Comment ajouter J'aime avec une extension WordPress
La beauté du code ci-haut est que l'on peut ajouter le Bouton J'aime exactement là où on veut. En plus, on épargne l'installation d'une autre extension dans son site WordPress. Il faut installer le moins d'extension possible dans un site WordPress et malgré cette volonté, je gère 35 extensions dans mon site WordPress. Donc, si je suis capable d'insérer du code et minimiser le nombre d'extensions sur mon site – j'aime ça!
Si c'est plus facile pour vous d'installer une extension, je recommande fortement l'extension Facebook Like Button d'Ahmed Hussein. Elle est très facile à installer et fait exactement ce qu'elle doit faire.
Pour l'ajouter directement à partir de votre Tableau de bord WordPress, cliquez sur EXTENSIONS | AJOUTER | RECHERCHE "Facebook Like Button" | INSTALLER | ACTIVER
Vous pouvez aussi lire…
Integrate Facebook Like Plugin into WordPress !
Adding Facebook ‘Like’ Buttons to Your Site Is Damn Easy
Facebook bouton like: j’aime ou je n’aime pas ?
Faut-il aimer ou ne pas aimer le bouton « J'aime » de Facebook ?
Notes
Merci à Alain Thériault pour m'avoir introduite au Bouton J'aime de Facebook.
S'amuser dans le PHP d'un site WordPress peut être dangereux. Allez-y doucement.
Ma conférence: WordPress pour Entreprises: Possibilités infinies?
Comment ajouter un Twitter Widget sur votre site WordPress
Retour de vacances avec un automne rempli de beaux projets Web
Comment ajouter un administrateur à votre Page Facebook
Dans quelle langue s’affiche le bouton J’aime (Like) de Facebook?
10 conseils pour créer une Page Facebook pour votre Entreprise
Les options pour un site bilingue ou multilingue WordPress
Comment ajouter J’aime (Like Button) de Facebook sur votre site WordPress
Colour Lovers
Delicious
Facebook (Adeptes)
Flickr
Four Square
Friend Feed
Linked In
My Blog Log
Slide Share
Soup
Twitter
Vimeo
YouTube
Twitter:xophe
Merci pour ce tuto. Cela permet une meilleure intéractivité entre le site web et la page facebook. J’ai essayé le plugin (vu mon appréhension à toucher le php ;) qui marche bien. Sauf que je n’ai pu le mettre qu’en bas des articles. En haut (ce qui est plus efficace à mon sens), cela produit un décalage de quelques lignes avec le début de l’article. Ce qui produit un espace blanc pas très élégant.
Répondre à ce commentaire
Twitter:dianebourque
Bonjour Christophe, Le plugin donne l’option d’ajouter le bouton « Before content ». Je viens de vérifier et c’est possible. Sur ton Tableau de bord WordPress, clique sur « Facebook Like » (colonne gauche, en-dessous de Réglages). Dans « General Settings », clique sur « Position » et choisit « Before content ». Le bouton s’affichera au-dessus du contenu. Je viens de le faire et ça marche. Bonne chance. Diane
Répondre à ce commentaire
Twitter:xophe
Merci Diane pour cette réponse. En fait, j’avais bien vu l’espace de configuration du plugin et le bouton « j’aime ça » apparaît bien en bas dans les articles mais en haut, là, il y a un espace de 3-4 cm entre le bouton et le texte de l’article ce qui n’est pas très beau. Donc je ne l’ai laissé pour l’instant uniquement en bas des articles
Répondre à ce commentaire
Twitter:prolire
Cette astuce est intéressante.
Est-ce que le code ajouté est conservé lors des mise à jour WordPress ? (cf. ton dernier article sur la mise à jour WordPress 3.0)
Ou faut-il se noter l’évolution pour pouvoir la reporter à chaque mise à jour ?
Répondre à ce commentaire
Twitter:dianebourque
Aucune mise à jour WordPress n’affectera le code PHP puisque ce code est inséré dans le Thème de votre site. WordPress ne met pas à jour le thème de votre site.
Quand à l’extension, je ne peux pas répondre puisque le développeur de l’extension est responsable d’assurer la compatibilité de ses extensions avec les nouvelles versions WordPress. Certains le font, d’autres non.
Répondre à ce commentaire
Twitter:prolire
Merci pour la réponse.
Entre-temps, j’ai installé cette fonctionnalité sur mon blog en modifiant le code PhP. Je n’ai pas retrouvé dans mon thème tous les fichiers que tu indiques, mais au final, cela semble bien fonctionner.
Merci encore pour le tutorial.
Répondre à ce commentaire
Twitter:satzikcom
bonjours dite moi comment ajouté facebook dans un article pour joomla 1.5 te merci bp
Répondre à ce commentaire
Twitter:dianebourque
Désolée, je travaille seulement avec WordPress. Quoique j’ai déjà fait quelques installations Joomla, je ne travaille plus avec ce logiciel. Je suis 100% WordPress.
Répondre à ce commentaire
Bonjour, j’essai d’introduire le boutton J’AIME avec le code fourni ci-haut, mais je trouve pas ou l’ajouter? Vous mentionnez dans le fichier PHP, ou dans(Pour l’ajouter directement à partir de votre Tableau de bord WordPress, cliquez sur EXTENSIONS | AJOUTER | RECHERCHE « Facebook Like Button » | INSTALLER | ACTIVER) Mais je trouve aucune de c’est option. Peut-être que je ne regarde pas à la bonne place? Merci de m’aider.
Répondre à ce commentaire
Twitter:dianebourque
J’ai l’impression que votre site wordpress est chez wordpress.com? Si c’est le cas, ce tutoriel ne s’applique pas aux sites wordpress.com = il s’applique seulement aux sites wordpress.org
Répondre à ce commentaire
Bonjour Diane, je viens tout juste de m’ouvrir un blogue sur wordpress.com et là, je tombe sur l’un de vos articles qui dit que c’est mieux wordpress.org!! Je ne suis pas une blogueuse professionnelle – je fais cela pour m’amuser – mais j’aime pouvoir tirer le maximum de ce que je fais. Donc, j’aimerais connaître la différence entre les deux. Est-ce mieux pour moi de changer? Si oui, est-ce que je dois tout recommencer ou par miracle, mes précédents articles peuvent-ils se transférer? Est-ce que j’y retrouverai les mêmes thèmes… j’ai beaucoup de questions! Merci à l’avance!
Répondre à ce commentaire
Twitter:dianebourque
La grosse différence entre WordPress.com et WordPress.org est que chez WordPress.com, ton blogue est hébergé chez WordPress.com alors que chez WordPress.org, ton blogue est hébergé chez l’hébergeur de ton choix. Tu contrôles alors 100% de ton blogue. Chez WordPress.com, tu ne peux pas ajuster le thème comme tu veux ou faire plein de choses qui sont seulement faisables avec WordPress.org
Mon conseil: amuse-toi chez WordPress.com pour le moment. Tout ce que tu écris et que tu publies chez WordPress.com s’exportera facilement plus tard chez WordPress.org (quand on sait comment bien le faire) si jamais tu veux devenir une « vraie » blogueuse.
J’ai écrit un article qui pourrait t’intéresser: WordPress: la reine des plate-formes blogues = http://dianebourque.com/2009/03/15/wordpress-la-reine-des-plate-formes-blogues/
Répondre à ce commentaire
MERCI! Vous vulgarisez très bien et c’est un excellent conseil! Lorsque je serai prête à transférer, je suivrai un petit cours avec vous, question de bien faire les choses et d’en apprendre un peu plus.
Répondre à ce commentaire