Insérer un bouton j’aime Facebook pour chaque article sans plugin
Insérer un bouton j’aime (Facebook) peut se faire de 2 manières :
– par un plug-in : consulter l’article insérer un bouton j’aime
– de façon manuelle :
L’installation manuelle du code pour afficher le bouton j’aime de Facebook, permet de positionner le bouton à l’emplacement que l’on veut, ce que ne permet pas les plug-in.
Pour intégrer le code manuellement, il faut modifier les fichiers du thème que vous utilisez.
Le plus simple est de copier le thème de votre site sur votre ordinateur et d’y faire directement les modifications. Une fois les modifications terminées c’est de les copier de nouveau vers votre site. Pour copier les fichiers, il suffit d’utiliser un client ftp, comme filezilla.
Le thème se trouve à l’adresse :
http://adresse-de-votre-site/wp-content-theme/nom-de-votre-theme
Le code Facebook se compose de 2 parties :
– une partie en javascript
– une partie pour afficher le bouton.
Je vous propose de copier la partie javascript dans la page footer..php Le code se chargera en dernier et permettra à la page de se charger entièrement.
D’autres sites vont vous proposer le header, cela fonctionne aussi, mais il est préférable de lancer les scripts à la fin de la page, plutôt qu’au début. En le mettant au début (dans le header) lorsque le script se connectera sur le site de Facebook, votre page se « freezera » et il n’y aura que le début de la page d’afficher
– Aller dans les fichiers du thème
– Ouvrir le fichier footer.php avec un éditeur de texte (bloc note ou notepad++)
– aller à la fin du fichier et copier ces lignes :
<!-- Facebook -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.Facebook.net/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'Facebook-jssdk'));</script>
C’est le script que vous pouvez trouver directement sur la page officielle des développeurs Facebook.
Une fois les fichiers copiés sur votre ordinateur, il faut ouvrir la page sur laquelle vous voulez insérer le bouton j’aime. En règle générale c’est la page qui affiche l’article complet, donc la page single.php. Vous pouvez l’installer sur les pages que vous voulez bien sûr.
Ouvrer la page single.php avec le navigateur.
Aller dans l’emplacement où vous voulez afficher le bouton et copier le code suivant :
<!-- script bouton j'aime Facebook --> <fb:like send="false" layout="button_count" width="250" font="arial" action="like" href="<?php echo get_permalink(); ?>"></fb:like><br /> <!-- fin du script bouton j'aime Facebook -->
Enregistrer les modifications.
Copier les modifications sur votre site et regarder un article, vous devriez avoir j’aime Facebook qui s’affiche avec le nombre de clics.
Merci pour cet article très intéressant concernant l’insertion d’un bouton pour un site. Ces informations me permettront de mettre un bouton « J’aime » de Facebook sur mon site.
Bonjour,
de rien, au moins l’article aura servi au moins à une personne :lol
Merci beaucoup, avec moi ça fera 2. J’ai galéré pour trouver une explication simple sans avoir à charger mon header en script js.. déjà que le thème de base est compliqué à souhait^^
1 pb de moins à régler!
Résultat super propre grâce à vous, merci 😉
je vais tester ce code également, j’utilise déjà le code sur le no noffolow.
Tu devrais également proposé un code pour tweeter.
Merci beaucoup pour les explications 🙂
Simple et efficace ! Merci ! <3
impeccable… merci !
Merci pour ce tutoriel.
Une question de plus : savez-vous comment il est possible d’insérer un bouton J’aime Facebook dans un mail ?
Merci d’avance!
Bonjour,
à ma connaissance ce n’est pas possible
Bonjour. Merci pour commencer pour ce tuto.
J’ai une question, j’ai remarqué qu’il existé deux façon différentes de « J’AIME ».
Le j’aime = J’aime et je recommande l’article
et le j’aime = la personne clique sur j’aime et donc aime une page facebook (donc rejoins les autres membres d’une page facebook) : ex : j’ai une page facebook avec 150 j’aime, la personne clique sur le j’aime de mon site web, et j’optiens donc 151 j’aime.
Je m’exprime peut être mal ?
Mais comment optenir le second j’aime ? (celui qui rejoint une page facebook).
Merci par avance.
Bonjour,
Essai cette solution : http://wordpress.buldozer.fr/641-aimer-page-facebook
Je pense que c’est ce que tu recherches
Merci beaucoup pour cette réponse rapide.
bonne continuation
Bonjour, je ne comprend pas comment aller chercher le theme de mon WordPress… tutoriel serais apprécier à savoir OÙ aller pour le rechercher, les démarches à suivrent etc..
Merci !
Efficace je viens de le tester, ça marche bien, c’est exactement ce que je cherchais.
Cela m’évitera de dépenser encore dans des plug-ins « in english ».
Bravo et merci encore !
De rien.
j’utilise aussi cette solution au lieu d’un plugin
Je vais tester votre méthode manuel.
Merci, ton tuto est génial. J’ai galéré longtemps sur ça.
Bonjour,
Moi, j’aimerai savoir si on peut insérer des boutons « j’aime » sans que ce soit facebook, tweeter, ou je ne sais quoi… juste un « j’aime » avec le nombre de clic (comme sur Centerblog, par exemple)???… et comment ?
Bonjour,
désolé, mais je ne pourrais pas te répondre, mon niveau en php n’est pas assez élevé.