Insérer des commentaires Facebook sur votre site

Facebook propose un outil de commentaires (Facebook Comments) que n'importe qui peut utiliser dans son site. Voici comment l'installer dans Jimdo.

 

Pourquoi utiliser Facebook Comments ?

Facebook Comments peut agrémenter vos pages produits / services, avec une sorte de "livre d'or" interactif. 

Avantages du plugin Facebook :

  • Le plugin affiche la photo et le nom de la personne qui commente
  • Il est très facile de répondre à un commentaire
  • Le filtre anti-spam est plus puissant que celui du blog Jimdo
  • Le commentaire peut être publié sur Facebook par celui qui l'ajoute (en cochant une case "publier sur Facebook"), avec un lien vers la page du site où le commentaire est ajouté.

Les inconvénients de Facebook Comments :

  • Il faut avoir un compte Facebook pour commenter
  • Il n'est pas possible de commenter avec une page Facebook
  • L'ordre par défaut des commentaires montre le plus ancien en premier
  • Il faut générer un nouveau code pour chaque article de blog, ce qui s'avère vite fastidieux.
  • Le webmaster du site ne reçoit pas de notification lorsqu'un commentaire est ajouté.

Installer Facebook Comments

Il n'est pas nécessaire de disposer d'un compte Facebook pour installer le plug-in. Par contre, pour commenter, vous aurez besoin de votre profil.

  • Allez à la page https://developers.facebook.com/docs/plugins/comments
  • Collez l'URL de la page (de votre site) où vous allez insérer les commentaires (attention, ouvrez la page en mode "visiteur" et pas en mode "administrateur")
  • Indiquez la largeur en pixels (ex : 768) et le nombre de commentaires affichés (ex : 99)
  • Cliquez sur "obtenir le code"
  • La première partie du code (Step 2) est à coller dans le "head" de la page. Pour cela, allez dans Menu > Paramètres > Modifier le head > Onglet "sous-pages" et sélectionner la bonne page.
  • La seconde partie du code (Step 3) est à coller dans un élément "Widget / HTML" dans votre page Jimdo.
  • Si le module ne s'affiche pas : supprimez la ligne "<div id="fb-root"></div>" dans le head. Ca marche :-)

Et voilà le résultat...