Comment ajouter les commentaires Facebook sur un blog WordPress ?

Vincent (G+)
Réseaux Sociaux
4 mar 2011
3176 Views

Facebook a mis à jour hier son système de commentaires qui peut s’intaller sur n’importe quel site ou blog. Ce gestionnaire de discussions est loin de faire l’unanimité, car une personne ne peut plus commenter de façon anonyme et elle doit passer par Facebook (elle commente avec son compte facebook), en attendant que le réseau social se décide à intégrer d’autres points d’entrée comme un compte Twitter ou Google par exemple.

Maintenant ce script de commentaires déportés n’a pas que des désavantages, bien au contraire, car il peut apporter plus de trafic sur un blog. En effet le commentaire avec l’URL du post apparait à la fois sur le profil de l’utilisateur et sur son mur si le blogueur a activé la publication sur facebook.

Avec ses « plus » et ses « moins », le plugin social Comments Box risque de mettre un peu de temps avant d’envahir le web… ou pas (techcrunch.com l’a déjà mis par exemple).

Maintenant si vous avez un blog wordpress, et que vous souhaitez avoir ce système de commentaires, comment faire pour l’installer ?

Il y a deux façons: soit avec le plugin wordpress Facebook Comments (explications détaillées ci-dessous), soit directement avec le code fourni ici (mais vous aurez besoin de quelques ajustements; voir *[2è méthode] vers le bas de cet article).

1. Première étape, vous devez télécharger le plugin Facebook Comments for WordPress. Vous pouvez le faire par FTP ou bien directement depuis l’administration de votre blog, dans « Extensions », puis « Ajouter ». Recherchez « Facebook Comments for WordPress » puis cliquez sur « installer maintenant ».

Activez l’extension.

2. Deuxième étape. Allez dans Réglages. Vous avez besoin de paramètres pour pouvoir commencer à utiliser le plugin : l’application ID et le code secret de l’application. (voir image ci-dessous)

reglages

Pour obtenir ces deux clés, vous allez devoir créer une application facebook en allant sur facebook.com/developpers ou facebook.com/developers/apps.php et cliquer sur « Set Up New App » en haut à droite.
Vous arrivez sur cet écran :

create new app

Entrez dans « App Name » le nom que vous voulez pour votre application, par exemple « Boite Commentaires« .

Vous arrivez ensuite sur la page de paramétrage de votre application. Entrez français pour la langue, votre email comme contact, puis les administrateurs de votre choix (pratique pour une entreprise) :

app comments

N’appuyez pas sur enregistrer en bas mais allez plutôt dans l’onglet (à gauche) « Facebook Intégration« . Là se trouvent les deux informations dont vous avez besoin. Copiez-collez les et ensuite enregistrer votre app.

facebook integration

Allez dans les réglages du plugin WordPress : Entrez vos deux codes, puis effectuez quelques réglages simples comme le choix de la langue, la largeur de la boite de commentaires (500 pixels par défaut), le nombre par défaut (10 commentaires est pas mal) et arrangez le titre de votre Comments Box, par exemple « Commentaires Facebook ».

Voilà c’est gagné ! (vous devriez voir la boite facebook ci-dessous ; notez qu’on peut laisser les commentaires natifs de wordpress plus bas pour avoir les deux systèmes en parallèle ou même supprimer l’ancien système de commentaires). J’ai testé ce plugin sur un premier blog et ca fonctionne super bien, sans code à ajouter manuellement. Mais ce n’est pas le cas sur celui-ci, rien ne se passe…. Grrrr là je suis dégoûté car le plugin est beaucoup mieux et a plus d’options…. J’essaie une diversion en intégrant manuellement le code <?php if (function_exists(‘facebook_comments’)) facebook_comments(); ?> dans single.php (vu sur le site de l’auteur du plugin) mais non ca ne marche pas plus…

*[2è méthode] [c'est celle qui est en place ci-dessous en attendant] Si pour vous c’est pareil, alors on peut ajouter le code à la main en laissant de côté le plugin mais vous aurez néanmoins besoin de vous créer une App ID pour votre site. Attention si vous mettez le code manuellement dans single.php par exemple, mettez dans le champ « URL to comment on » non pas l’adresse de votre blog mais plutôt <?php the_permalink(); ?> qui récupèrera automatiquement l’URL de votre article.

Commentaires facebook

Modération des commentaires :

Pour accéder à la modération des commentaires et définir certains paramètres comme les mots à bannir, les modérateurs, l’approbation des commentaires automatique ou contrôlée, la correction grammaticale, … c’est ici (image ci-dessous) : developers.facebook.com/tools/comments

moderation tool

a ecrit 7480 articles

Webmarketer depuis 1999. Besoin de mes services de contenu et de marketing ? Contactez-moi par email, via Linkedin ou visitez ma section A Propos.


29 Commentaires to “Comment ajouter les commentaires Facebook sur un blog WordPress ?”

  1. Vincent Abry dit :

    Test commentaire normal

  2. Bruno dit :

    Very cool Stuff pour une stratégie B2C, je me questionne sur sa pertinence pour un usage B2B – Et là je me rends compte que j’ai utilisé la version traditionnelle de commenter ! L’autre point sur lequel je me questionne, le lien redirige vers Facebook vs mon site web, j’aime moyen…

  3. Vincent Abry dit :

    Oui c’est vrai Bruno, ca c’est moyen la redirection vers le profil facebook au lieu de l’url pour ceux qui commentent. Je l’ai mis en test ici. Facebook a encore plusieurs améliorations à apporter pour que leur plugin soit repris par un plus grand nombre.

  4. fran6t dit :

    Et surtout vous n’avez plus la maitrise de vos commentaires, je parle pour le propriétaire du blog. Souvent dans un blog les commentaires éclairés des internautes enrichissent le billet initial de façon formidable confier cette gestion de commentaire à un tiers revient à donner quasi la moitié de son blog à ce tiers. Perso je prefere ma liberté plutôt que de confier mes données enfin les données de mes lecteurs à ces grosses multi qui ne tiennent pas compte de nos petits problèmes et surtout les rends de plus en plus fort chaque jour.

  5. Bones dit :

    manque plus qu’a pouvoir merger les 2 systèmes de commentaires, à la manière d’un disqus, pour n’avoir qu’un seul fil de commentaires sur son blog

  6. Julien dit :

    A de bons côtés effectivement.
    Mais j’imagine qu’en commentant avec son profil FB on est indexé dans Google non ? Gare à l’e-réputation alors.
    Et pareil, le lien vers le FB plutôt que vers le blog est un peu gênant.

  7. Très intéressant, merci Vincent. J’ai bien hate de voir l’utilisation de cette fonctionnalités dans les prochains mois par les gros joueurs!

  8. Très utile ça ;)

    Ça fessait un moment que je voyais ce genre de commentaires sur des blogs mais je ne savais pas d’où cela venait.

    Merci

  9. Stephane dit :

    J’abonde dans le sens de Bones.
    Le plugin est bien, mais il faudrait qu’il puisse s’adapter au commentaire du forum.

    Discuss a tout compris. Il intègre très bien le SSO, et du coup agrège les commentaires de toutes les plateformes.

    Sinon, il y a toujours moyen de faire une appli Facebook, et de proposer au internautes de se facebook connecter, puis de cocher la case, partager sur Facebook lors du post de commentaire.

  10. Bonjour,

    Merci d’avoir réalisé ce tuto, les commentaires seront bien utiles dans notre stratégie en réseaux sociaux !

    Nous testeront sans doute sur un de nos sites !

  11. Renji dit :

    Are the comments saved in WordPress database?

  12. Vincent Abry dit :

    No they are not.
    So you can let both comments like above or just facebook comments , but in this case you won’t have any more comments in your database! (good for sql space and not good because you don’t own the comments anymore!)

  13. Amanda dit :

    J’ai essayé de l’intaller sur mon blog hautetfort. ça a marché en l’intallant dans le template du pied de note sauf que ça ne fait pas la différence entre chaque article. Du coup au pied de chaque note j’ai eu les mêmes commentaires qui s’affichaient.

    Dommage j’ai supprimé

  14. J’ai testé et cela marche à merveille pour l’instant.

    A voir sur le temps.

    Les commentaires facebook ne sont plus dispo sur votre blog ?

  15. Pas de réponse ? Il n’y a plus personne à bord ?

  16. Vincent Abry dit :

    Bonjour Yannick. Non en effet je les ai supprimé. C’était un test. C’est un choix personnel mais aussi parce qu’au niveau SEO apparemment c’est pas terrible. La solution que propose Disqus dans le moment me semble meilleure.

  17. Bonjour, Pour ma part je pense que lié ces commentaires à facebook n’est pas forcement une bonne chose, certaines personnes aiment être anonyme et vous perdrez une partie des commentaires que vous auriez pu avoir. De plus, si je m’abuse ceci ne fait pas partit de votre site, vous perdrez à la fois le contrôle sur vos commentaires et perdrez en SEO.

    Je pense que le fait de lié son site à des réseaux sociaux est une bonne chose, mais il faut aussi gardé le contrôle sur son contenu. Bonne journée à toi, Vincent.

  18. Alex dit :

    @julien, non on ne perds pas le contrôle sur les commentaires, Si on utilise correctement la box et l’openGraph.

    Un Article sur l’openGraph [voir mon site] l’explique.

    En gros L’opengraph ajoute des metas sur chaque page, il suffit de spécifier la meta fb:admin ou encore fb:page_id ou encore fb:page_id dans le header html pour que facebook considère sache qui sont les administrateurs.

    Alors vous pourrez modérer les commentaires directement depuis la box, ou alors depuis votre interface d’application (si fb:app_id est bien configuré)

    De plus Facebook permet via leur API de récupérer les commentaires de chaque URL étant présent dans l’openGraph(chaque url likée…) et donc de les afficher en dur en mode texte pour les navigateurs.

    Ca permet de garder le côté viral de facebook, et le côté SEO des commentaires.

  19. fabore.com dit :

    Ca marche tres bien. j ai l appliquer sur mon site.

  20. J’utilisais le plugin pour wordpress. Maintenant j’essaie de mettre la boite -manuelle-. Jusqu’à là je n’ai pas de problèmes à mettre la boite, mais là je suis pris!! Comment faire pour lier le boite Facebook comments à une application afin que je puisse modérer les commentaires??

    Aussi comment faire pour migrer mes anciens commentaires du plugin wordpress? puis-je utiliser l’identificateur d’application de mon ancien plugin?

    aussi je reçois une erreur souligné en jaune: Attention : http://www.tvqc.com/2011/08/the-dark-knight-rises-la-premiere-photo-danne-hathaway-en-catwoman/ n’est pas joignable. pourtant si je fait un test tout fonctionne bien.

  21. tony dit :

    Bonjour,

    Merci tout d’abord pour ton tuto. Je m’aperçois d’un petit hic (je ne crois pas avoir lu cela dans les com). En effet, une fois activé je m’aperçois que quand on commente… les comm ne sont pas comptabilisé dans la petite bulle en haut. Une petite bulle qui affiche le nombre de commentaire ? Est- ce un réglage ou autres ? Merci d’avance pour votre aide.

  22. Winsa dit :

    Je viens de l’installer sur un de mes sites et j’ai utilisé le tuto suivant qui est pas mal non plus et qui permet d’avoir directement la modération sur la box : http://wp.tutsplus.com/tutorials/add-facebook-comments-to-your-wordpress-theme/

  23. Classics dit :

    Merci pour ce tuto. Avant de tester j’ai une question, si quelqu’un a la réponse… Que deviennent les anciens commentaires ? Ils deviennent invisibles ?

  24. W4LL dit :

    Bonjour à tous,

    Je souhaiterais mettre en pratique le lien de WINSA (http://wp.tutsplus.com/tutorials/add-facebook-comments-to-your-wordpress-theme/) ou une autre, malheureusement je ne suis PAS sous WordPress MAIS BlogSpirit. J’ai bien réussi à créer l’App ID mais je dois apparemment modifier 2 fichiers (Modèle de la page commentaire & Modèle de la page lien permanent) et là… Je suis perdu !

    Quelqu’un saurait m’éguiller/m’aider ?

    Merci d’avance

  25. Ukash dit :

    Je souhaiterais mettre en pratique le lien de WINSA ou une autre, malheureusement je ne suis PAS sous WordPress MAIS BlogSpirit. J’ai bien réussi à créer l’App ID mais je dois apparemment modifier 2 fichiers (Modèle de la page commentaire & Modèle de la page lien permanent) et là… Je suis perdu !

    Quelqu’un saurait m’éguiller/m’aider ?

    Merci d’avance

  26. La rando dit :

    Excelent, avec ça, plus de spam sur les articles de wordpress, bien pensé :-)
    Merci

  27. Marie dit :

    Bonjour

    J’ai installé le module à la main (le plugin marchait pas)

    Lorsqu’un article est publié sur mon blog, un lien est automatiquement publié sur la page FB de mon blog.

    Si les gens commentent ce lien sur FB, le commentaire n’apparait pas sur le module sur mon blog. Est-ce que c’est le fonctionnement normal ? ou est-ce que j’ai loupé un truc ?

    Merci à vous !

  28. Milie dit :

    Mince, je voulais tester mais impossible d’accéder à la page facebook pour les développeurs :(

  29. moi aussi la page facebook pour les dévellopeurs ne marche pas