Bonjour,
Comme vous le savez, Facebook est le réseau le plus célèbre au monde, avec plus de 800 millions d’utilisateurs actifs, donc si vous possédez un blog ou un site qui marche sous le CMS WordPress, utiliser les commentaires Facebook peut être utile pour vos lecteurs… pour votre site !
Laisser un commentaire en utilisant son compte Facebook est plus rapide, et les moteurs de recherche commencent à s’habituer à ce changement, Google a commencé dernièrement l’indexation des commentaires Facebook !
L’avantage particulier de cette méthode est de faire connaître votre site web, sans même passer par le partage, car en mettant un commentaire, Facebook va partager automatiquement le lien de la page avec le commentaire qu’a laissé le visiteur sur votre site, sur son mur (journal) !
Vous allez découvrir dans ce tutoriel une méthode parmi plusieurs permettant d’ajouter les commentaires Facebook sur votre site web WordPress, et comment désactiver (si vous voulez) le système de commentaires par défaut de WordPress…
Allons-y !
Comment ajouter les commentaires Facebook sur WP sans Plugins…
Créer une application et obtenir le ID :
Vous devez dans un premier temps créer une application, pour cela ouvrez ce lien : https://developers.facebook.com/apps/
Cliquez sur “Créer une application“…
Mettez un nom quelconque, car cela ne sera plus affiché tant que vous n’allez l’utiliser que pour l’activation des commentaires Facebook… Mettez un Namespace pour les statistiques…
Validez la CAPTCHA… en recopiant ce qui est affiché dans l’image…
Une fois l’application créée, ouvrez cette page : https://developers.facebook.com/apps et recopiez l’ID de votre application…
Bien ! Voyons maintenant comment ajouter le code à votre thème, rien de plus facile 
Ajouter le code de l’application :
En fait, le code n’est pas assez compliqué, il ne dépasse pas les 5 lignes !
Connectez-vous à l’hôte de votre hébergement en utilisant un client FTP (Filezilla), puis accédez au dossier de votre thème… Ouvrez le fichier “header.php“…
Collez le code meta suivant juste après la balise <head> :
<meta property='fb:app_id' content='LE ID DE VOTRE APP ICI' />
Vous n’avez qu’à mettre le ID de votre application, et en voici le résultat pour mon thème :
<head>
<meta property='fb:app_id' content='373820235968837' />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
</head>
Puis ouvrez le fichier “comments.php” pour ajouter le code suivant juste avant ou après <!– You can start editing here. –>
Si vous ne trouvez pas cela dans votre thème, essayez de coller le code suivant juste avant la ligne <?php if ($comments) : ?>, cela va placer les commentaires Facebook avant les commentaires du WordPress…
<div id="fb-root"></div> <script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script> <fb:comments href="<?php the_permalink(); ?>" width="600"></fb:comments>
Vous pouvez bien-sur modifier la largeur en modifiant la valeur de l’attribut width=”"…
Voici le résultat pour mon thème :
<!-- You can start editing here. -->
<center>
<?php if ( comments_open() ) : ?>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script>
<fb:comments href="<?php the_permalink(); ?>" width="600"></fb:comments>
<?php endif; ?>
</center>
<?php if ($comments) : ?>
<h2 id="comments"><?php comments_number('Pas de commentaires...', 'Déjà un commentaire.', 'Déjà % commentaires !' );?> <a href="#respond"> { Ajouter le vôtre ? }</a></h2>
<div class="commentlist">
<?php wp_list_comments2(); ?>
</div>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments">Les commentaires sont fermés.</p>
<?php endif; ?>
J’ai ajouté la balise <center> pour centrer, et <?php if ( comments_open() ) : ?> pour n’afficher les commentaires que si les commentaires sont activés !
Si vous voulez afficher le nombre des commentaires publiés, vous n’avez qu’à ajouter le code suivant à n’importe quelle place dans votre thème :
<fb:comments-count href=<?php the_permalink(); ?>></fb:comments-count> commentaires
Le résultat :
Et en voici le résultat de ce tutoriel…
Voici l’aperçu de la zone des commentaires Facebook pour un administrateur, un commentaire déjà publié :
Si vous cliquez sur “Vue modérateur“, vous aurez la possibilité de supprimer les commentaires et autres possibilités que possède un modérateur…
Pour un visiteur normal :
A bientôt !
Soufiane – Easytutoriel.com
Est-ce que cet article intéresserait vos amis ? Dites-leur qu'il existe !
La version PDF de cet article :
L'auteur : Soufiane Sabiri (41730 points)
Bonjour,
J’ai utilisé votre technique pour mon site et je n’ai pas du tout la même chose que vous. Je n’ai pas accès à l’admin.
Voici une photo qui vous fera comprendre:
http://desmond.imageshack.us/Himg215/scaled.php?server=215&filename=capturedcran20120219185.png&res=medium
Merci
Merci l’astuce.
L’utilisation d’un tel plug-in oblige le lecteur à avoir un compte Facebook, et à vouloir partager ses dires sur ce géant de l’information sociale. A moins d’utiliser un double système de dépôt, peu ergonomique et esthétique, ou difficile à mettre en place.
Soyez le bienvenue ! Je suis tout-à-fait avec
Bonjour,
Merci pour l’article cependant moi, quand un commentaire Facebook est publié il n’est pas affiché sur le profil facebook du commentateur.
Comment dois-je faire ?
Merci
Bonjour François,
Merci de me donner le lien de votre site, pour que je puisse tester… Car cela a marché nickel quand je l’ai essayé sur Easytutoriel.com…
En fait, si vous trouvez cela un peu compliqué, vous pouvez utiliser un plugin, cherchez les mots clés : facebook comment
Bien amicalement,
Soufiane
Bonjour Soufiane
Voici le lien de mon site web : http://www.vestiairesdufootball.fr
J’ai essayé votre façon d’installer les commentaires, j’ai essayé des plugins, ou encore la section developpeurs de facebook avec la comment box.
Mais les commentaires facebook de mon blog ne sont jamais affiché sur les profils facebook des commentateurs.
Ils sont présents sur mon blog mais pas diffusé sur le profil facebook du commentateur
Merci de me contacter par mail : contact@vestiairesdufootball.fr
François
bonsoir soufiane,
j’aimerai savoir comment je peut faire pour que les commentaires de mon site web viennent directement dans ma boite e-mail.
merci
Bonjour,
Je ne vois pas bien l’intérêt de ce tutoriel.
N’est-il pas plus simple et moins risqué, notamment pour quelqu’1 qui ne maîtrise pas la programmation, d’utiliser les boutons sociaux dont de plus en plus de thèmes sont équipés?
Alors, peut-être je n’ai pas saisi tous les tenants et aboutissants, aussi dans ce cas, auriez-vous l’amabilité de m’expliquer?
Merci d’avance,
Bruno
Bonjour Bruno,
Qu’est ce que vous voulez que je vous explique ?
Si vous parlez de l’utilité de cela, bah vous n’avez qu’à lire à propos du réseau numéro un au monde, et que les gens aujourd’hui utilisent Facebook dans tous les jours, l’utiliser pour ajouter des commentaires peut être très utile, vu que les commentaires seront référencés eux-même par les moteurs de recherche comme Google et autres…
Sinon je pense que je n’ai pas bien compris votre question… donc précisez SVP
Bien amicalement,
Soufiane
j’ai un probleme dans la configuration de google cloud print
je Suivre le guide mais je n’ai pas le résultat
Bonjour,
J’ai un petit soucis car je ne parviens pas à avoir la vue modérateur et tous mes commentaires sont automatiquement publiés.
Merci d’avance
impossible de créer une application,il me demande mon numéro de portable ou de carte de crédit,c’est n’importe quoi.
Alors c’est possible
non ce n’est pas possible, je n’ai pas de portable,je fais parti de gens qui n’aime pas le téléphone et je n’aime pas donner mon numéro de CB sur internet.
Oui Darknote
Et si je vous dis que même moi n’a pas de portable ? J’utilise le numéro de mon frère 
En fait, le numéro ce n’est que pour valider votre compte… Je n’aime pas ça personnellement, mais bon, c’est Facebook !
Pas de frère, 40 ans,célibataire, comment je fais ????
merci soufiane pour cette astuce sa marche a merveille !
Bonjour Fabien,
Merci également pour votre commentaire et n’hésitez pas à le partager
Bien à vous,
Soufiane
Ici, je ne répond qu’aux problèmes techniques
Désolé !
Merci je sais !
je le signale ce problème,qui n’est pas évoqué dans votre article.