Souhaitez-vous ajouter des commentaires Facebook sur votre site WordPress? Facebook est le plus grand réseau social au monde. C’est pourquoi les sites les plus consultés, utilisent le système de commentaires Facebook au lieu des commentaires WordPress par défaut. Dans cet article, nous allons vous montrer comment installer et configurer des commentaires Facebook dans WordPress.
Étape 1: Configuration initiale des commentaires Facebook
La première étape consiste à visiter la page officielle du développeur Facebook Comments Plugin et à configurer les paramètres de vos commentaires. Bien que vous n’ayez pas besoin de générer le code à partir de cette page car nous vous le fournissons ci-dessous, il est bon de le tester et d’avoir une idée de ce à quoi il ressemblera sur votre site web.
Une fois que vous avez terminé les tests, allez à Apparence > Éditeur dans votre administration WordPress.
Placez le code ci-dessous juste après la balise d’ouverture <body> (généralement située dans le fichier header.php).
Sans Facebook APP ID:
<div id="fb-root"></div>
<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 = 'https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Avec l’identifiant d’application Facebook (requis si vous utilisez l’outil de modération de commentaire):
<div id="fb-root"></div>
<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 = 'https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0&appId=VOTREIPAPP';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Étape 2: Installation du code de commentaires Facebook
Placez le code ci-dessous à l’endroit où vous souhaitez que les commentaires Facebook apparaissent sur votre site Web.
Contrairement au code qui vous a été fourni sur le site officiel de Facebook Comments, le code ci-dessous utilise des fonctions URL dynamiques dans WordPress pour rendre le code FB Comments unique pour chaque page de votre site Web. La plupart des thèmes utilisent un fichier nommé single.php pour gérer la section d’articles de blog.
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="10" data-order-by="social" data-colorscheme="light"></div>Une fois que vous avez fini de placer les deux extraits de code sur votre site, visitez quelques-uns de vos articles de blog pour vérifier que les commentaires Facebook fonctionnent et s’affichent correctement. Chaque page / publication doit avoir son propre ensemble de commentaires et être générée automatiquement.