Les commentaires Facebook sont une alternative aux commentaires par défaut pour les posts sur WordPress. Vous pouvez soit utiliser les 2 systèmes simultanément ou n’utiliser qu’une seule des deux solutions (tout dépend de votre besoin).
Dans ce tutoriel, nous allons voir comment remplacer les commentaires WordPress par les commentaires Facebook sur vos posts et articles sans utiliser de plugin. Evidemment il est également possible de la faire par l’intermédiaire d”un plugin, cependant, comme à notre habitude chez WordPress Pour les Nuls, nous préférons maîtriser tout ce qui se passe sur nos blogs et sites en codant nous même nos solutions.
Comment ajouter les commentaires Facebook à un blog WordPress
1. La première étape consiste à créer une application Facebook afin de recueillir les commentaires de vos visiteurs. Rassurez-vous, c’est facile et rapide 😉 (pas besoin d’en développer une c’est un outil proposer par Facebook).
Pour créer une application Facebook, rendez-vous sur cette page : https://developers.facebook.com/apps et connectez-vous à votre compte Facebook ou créez un compte si ce n’est déjà fait. Une fois inscrit et connecté, vous allez avoir une option intitulée : “Ajouter une App” (voir image ci-dessous)
Une fois que vous avez cliquer sur “Ajouter une App”, une fenêtre va s’ouvrir vous demandant de remplir les informations concernant votre app :
Complétez les informations demandées et cliquez ensuite sur “Créer un ID d’app”.
Maintenant que votre App Facebook est créée :
- Rendez-vous sur “Tableau de Bord”.
- Cliquez ensuite sur “Choisir la Plateforme”.
- Choisissez l’option “Site Web”.
- Ajoutez l’adresse du site ou vous souhaitez ajouter les commentaires Facebook (en bas de page).
- Sauvegardez.
- Retournez sur le “Tableau de bord”.
- Récupérez le code “APP ID”
Dans votre fichier header.php ajoutez le code suivant après la balise <body> :
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'XXXXXXXXXX',
xfbml : true,
version : 'v2.8'
});
};
(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/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Remplacez XXXXXXXXXX par votre App ID récupérer précédemment sur le Tableau de Bord.
Il ne vous reste plus qu’à intégrer les commentaires à l’endroit désiré, pour cela dans votre fichier single.php identifiez le code :
<?php comments_template(); ?>
Et ajoutez avant ou après (si vous souhaitez garder les commentaires WordPress), ou remplacez le par le code suivant :
<div class="fb-comments" href="<?php the_permalink() ?>" data-width="600" data-numposts="5" data-colorscheme="light"></div>
Et vous aurez dès maintenant les commentaires Facebook actifs à la fin de vos billets de blogs et pages d’articles comme ceci :
Comment ajouter les commentaires Facebook a votre blog
Les commentaires Facebook sont une alternative aux commentaires par défaut pour les posts sur WordPress. Vous pouvez soit utiliser les 2 systèmes simultanément ou n’utiliser qu’une seule des deux solutions (tout dépend de votre besoin).
Dans ce tutoriel, nous allons voir comment remplacer les commentaires WordPress par les commentaires Facebook sur vos posts et articles sans utiliser de plugin. Evidemment il est également possible de la faire par l’intermédiaire d”un plugin, cependant, comme à notre habitude chez WordPress Pour les Nuls, nous préférons maîtriser tout ce qui se passe sur nos blogs et sites en codant nous même nos solutions.
Comment ajouter les commentaires Facebook à un blog WordPress
1. La première étape consiste à créer une application Facebook afin de recueillir les commentaires de vos visiteurs. Rassurez-vous, c’est facile et rapide 😉 (pas besoin d’en développer une c’est un outil proposer par Facebook).
Pour créer une application Facebook, rendez-vous sur cette page : https://developers.facebook.com/apps et connectez-vous à votre compte Facebook ou créez un compte si ce n’est déjà fait. Une fois inscrit et connecté, vous allez avoir une option intitulée : “Ajouter une App” (voir image ci-dessous)
Une fois que vous avez cliquer sur “Ajouter une App”, une fenêtre va s’ouvrir vous demandant de remplir les informations concernant votre app :
Complétez les informations demandées et cliquez ensuite sur “Créer un ID d’app”.
Maintenant que votre App Facebook est créée :
Dans votre fichier header.php ajoutez le code suivant après la balise <body> :
Remplacez XXXXXXXXXX par votre App ID récupérer précédemment sur le Tableau de Bord.
Il ne vous reste plus qu’à intégrer les commentaires à l’endroit désiré, pour cela dans votre fichier single.php identifiez le code :
Et ajoutez avant ou après (si vous souhaitez garder les commentaires WordPress), ou remplacez le par le code suivant :
Et vous aurez dès maintenant les commentaires Facebook actifs à la fin de vos billets de blogs et pages d’articles comme ceci :
Gregory
Agitateur de Stratégies, addict à WordPress depuis 2003, fada de Google depuis 1998. J’accompagne au quotidien plusieurs entreprises et indépendants dans la gestion de leur stratégie digitale et l’optimisation de leurs sites WordPress.
vs
WordPress.COM
Sur le même sujet
Comment activer les fonctionnalités expérimentales d’Elementor ?
Comment utiliser les conditions dynamiques Elementor pour un affichage conditionnel
Quelle est la différence entre wp_redirect() et wp_safe_redirect() ?
Comment créer une redirection sur WordPress ?
Comment accepter les paiements récurrents avec WordPress
Comment modifier le pied de page (footer) d’un site WordPress ?
Comment changer et modifier la page d’accueil de WordPress
Connexion à l’admin WordPress, comment se connecter ?
Tout savoir sur le fichier .htaccess de WordPress
Comment nommer ses images pour améliorer son référencement