Commentaires Facebook pour WordPress – Création d’applications, intégration de code et modération

dans , , /par

Les commentaires sur Facebook rendent les pages d’accueil, les blogs et les boutiques en ligne beaucoup plus vivants. Les utilisateurs ne sont plus obligés de saisir leurs données ou de s’enregistrer. En plaçant ou en échangeant les commentaires WordPress avec le code Facebook, l’interaction, la fidélité des utilisateurs et aussi le temps de visite de votre site web, blog ou boutique augmentent. Bien entendu, il existe également des plugins WordPress pour l’intégration. Mais avec un peu de copier-coller, vous pouvez aussi tout faire vous-même. Aujourd’hui, pas avec un tutoriel vidéo, mais de manière classique avec des captures d’écran, car c’est vraiment rapide, même sans agence de publicité.

Key Facts -
Créer une application Facebook à utiliser
Générer et intégrer un code de commentaire
Captures d’écran du tutoriel pour les développeurs
Échange de la fonction de commentaire de WordPress et de Facebook
Captures d’écran de l’échange de codes
Fonction de commentaire Facebook dans le blog

Créer une application Facebook à utiliser

Astuce ! Vous trouverez ici notre guide XXL sur le thème des publicités Facebook. Dans cet article, vous allez apprendre :

  1. Créer une application Facebook à utiliser
  2. Générer et intégrer un code de commentaire

Si vous n’avez pas encore créé votre propre application dans facebook pour les développeurs, c’est votre première étape. Il suffit de s’inscrire ici et de créer une application :

Générer et intégrer un code de commentaire

À l’étape suivante, vous générez votre propre code. Il est important que vous l’intégriez dans votre header.php. Il y a généralement deux façons de procéder avec WordPress.

  1. Le meilleur moyen est d’intégrer le code dans le backend de votre thème. La plupart des thèmes prennent en charge l’intégration directe à partir de l’arrière-plan. Vous n’avez donc pas besoin de modifier le thème. Vous placez le code à l’endroit où se trouve, par exemple, le code de Google Analytics.
  2. Directement dans le thème via votre backend WordPress via Design > Editor. Ouvrez ensuite le fichier header.php et insérez le code proprement, de préférence directement après la balise <body>.
  3. Recommandation ! Il vaut mieux passer par votre thème enfant et changer une copie du header.php, alors vous n’aurez aucun problème avec la mise à jour du thème.

Vous pouvez générer votre code ici :

Voici à quoi ressemble le code généré. L’appID est alors votre identifiant individuel.

<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 = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1453051238274088" ;
fjs.parentNode.insertBefore(js, fjs) ;
}(document, 'script', 'facebook-jssdk'));</script>

Captures d’écran du tutoriel pour les développeurs

Voici à nouveau toutes les étapes dans des captures d’écran individuelles :

Échange de la fonction de commentaire de WordPress et de Facebook

En plus du script, vous recevrez également une petite boîte div à intégrer dans la partie avant de la page. La procédure à suivre ici est similaire à celle du script. Seulement que vous modifiez le single.php. Si vous travaillez avec un thème, il se peut que le code doive également être placé dans comments.php ou un fichier similaire. Comme dans mon exemple. Vous pouvez placer le code partout sur votre page ou seulement sur certaines pages. Nous remplaçons directement la fonction de commentaire. Si vous souhaitez que les commentaires figurent sur des pages individuelles, il suffit d’insérer le code directement dans les articles du blog, etc. C’est ainsi que vous modifiez la fonction de commentaire de manière globale.

Important, vous devez remplacer votre URL (dans mon cas http://lukinski.com) pour la variante globale par :

<?php echo get_permalink() ; ?>

  1. Directement dans le thème via votre backend WordPress via Design > Editor. Ouvrez maintenant le fichier single.php et remplacez le code WordPress ou supprimez-le.
  2. Recommandation ! Procédez de la même manière ici via votre thème enfant et modifiez une copie du single.php.
<div class="fb-comments" data-href="<?php echo get_permalink() ; ?>" data-numposts="5"></div>

Voila.

Captures d’écran de l’échange de codes

Dans mon exemple, le code du commentaire n’était pas dans le single.php, mais dans un unique comments.php. Je l’ai copié dans mon thème enfant, puis j’ai remplacé l’ensemble du code des commentaires par les nouveaux commentaires Facebook. Si vous travaillez dans le single.php, veillez à ne supprimer que le code de commentaire. Dans l’exemple, comme je l’ai dit, l’ensemble du fichier comments.php a été remplacé.

Fonction de commentaire Facebook dans le blog

Une fois terminé, l’ensemble ressemble à ça !

Marketing Blog 🔥