Le guide ultime pour la mise en œuvre des commentaires Facebook sur votre blog

L'utilisation de Facebook Comments sur votre blog offre à vos lecteurs un moyen de commenter instantanément des articles, ainsi que de les partager sans avoir à travailler. Si vous pensez que ce type de système de commentaire conviendra à votre public, poursuivez votre lecture pour savoir comment l'implémenter. le droit chemin.


Étape 1: Créer une application Facebook

Avant de générer le code de commentaires Facebook et de le mettre en œuvre sur votre blog, vous devez créer une application pour votre site..

  1. Allez à developers.facebook.com
  2. Cliquez sur applications
  3. Cliquez sur Créer une nouvelle application
  4. Entrez un Nom d'affichage de l'application et Espace de noms

Sur l'écran suivant, vous verrez l'application que vous venez de créer. ID de l'application et Clé secrète de l'application. Vous n'aurez pas besoin de la clé secrète, mais l'identifiant de l'application sera utilisé plus tard. En prendre note.

En dessous de ces touches, allez-y et remplissez le Email du contact et Domaine d'application (domaine de votre blog). Descendre et cliquer sur Site Internet. Indiquez le même domaine que vous avez utilisé pour le domaine d'application. Cliquez sur Sauvegarder les modifications.


Étape 2: Insérez le code de commentaires Facebook dans votre thème

Dans ce tutoriel, nous allons implémenter les commentaires Facebook à côté du système de commentaires WordPress par défaut au lieu de les remplacer. Si vous le souhaitez, vous pouvez vous rendre sur le générateur de code Commentaires Facebook pour obtenir le code nécessaire à l’insertion du système de commentaires. Cependant, je l'ai inclus ici pour que vous puissiez simplement le copier. Vous devrez toutefois en personnaliser quelques parties; Je vais noter quelles sont les parties pour chaque bloc.

Le bloc de code ci-dessous doit être placé dans le thème de votre thème. header.php fichier. Trouver l'ouverture marquez et collez le bloc directement en dessous. Sur la 6ème ligne, remplacez "Votre ID App ici" par votre ID App.

 

Tant que vous êtes encore dans votre header.php fichier, montez dans le section et coller ce bloc de code quelque part. Cela garantira que le système de commentaires Facebook de vos articles de blog sait qu'il appartient à l'application que vous avez créée auparavant. Remplacez le bit "Votre identifiant d'application ici" par votre identifiant d'application (laissez les guillemets à la place)..

 

Le prochain bloc de code doit être placé dans le thème de votre thème. commentaires.php fichier. Depuis que nous mettons en œuvre les commentaires de Facebook aux côtés de Commentaires WordPress, il vous suffira de le coller à l'endroit où vous souhaitez que la boîte de commentaires Facebook apparaisse, sans supprimer le code d'origine..

 

Si vous générez le code de vos commentaires Facebook à partir du lien que je vous ai donné plus tôt, au lieu de le récupérer simplement dans ce didacticiel, pensez à modifier le data-href attribut de l'URL d'origine à , sinon les commentaires Facebook ne fonctionneront pas.

Vous pouvez également éditer le posts-num-posts, largeur de données, et données-couleurs attributs à votre goût. La première définit le nombre de commentaires affichés sur chaque publication avant qu'un utilisateur ne doive cliquer sur "Voir plus", la seconde définit la largeur du système de commentaires (définissez-la légèrement inférieure à la largeur de votre zone de contenu), et la dernière est le jeu de couleurs, qui peut être réglé sur "clair" ou "sombre".


Étape 3: Afficher le nombre total de commentaires Facebook et WordPress

Votre thème comporte probablement plusieurs zones où il indiquera le nombre de commentaires contenus dans un message. Par défaut, il ne montrera que le nombre de commentaires WordPress. Puisque vous implémentez maintenant les commentaires Facebook aux côtés des commentaires WordPress, vous voudrez afficher la somme des commentaires des deux systèmes sur chaque message..

Pour ce faire, ouvrez d’abord votre thème functions.php fichier. Collez le code indiqué ci-dessous au bas du fichier et enregistrez-le..

 // Obtient le nombre de commentaires FB et WordPress combinés function full_comment_count () global $ post; $ url = get_permalink ($ post-> ID); $ filecontent = file_get_contents ('https://graph.facebook.com/?ids='. $ url); $ json = json_decode ($ filecontent); $ count = $ json -> $ url-> commentaires; $ wpCount = get_comments_number (); $ realCount = $ count + $ wpCount; if ($ realCount == 0 ||! isset ($ realCount)) $ realCount = 0;  return $ realCount; 

Remarque: Ce code a été construit à partir d’une fonction écrite par Viceprez sur WordPress Stack Exchange. J'ai simplement ajouté quelques lignes à sa fonction d'origine pour ajouter le nombre de commentaires WordPress. Merci Viceprez!

Maintenant que la fonction est ajoutée à votre thème, vous pouvez l’utiliser pour remplacer les fonctions de nombre de commentaires originales utilisées dans votre thème. Dans mon thème, les commentaires s'appellent en utilisant ce code:

 

Votre thème peut utiliser cette fonction pour afficher le nombre de commentaires, ou non. Une fois que vous avez trouvé quoi que ce soit Est-ce que affichez-le, remplacez-le par ce code:

 

Vous aurez probablement besoin de plusieurs endroits dans votre thème pour insérer ce code. Voici une liste des plus courantes:

  • le commentaires.php fichier
  • Près du sommet de votre single.php fichier
  • le index.php - ça va être situé dans la boucle qui appelle chaque poste
  • Tous les fichiers d'archive comme archive.php, catégorie.php, author.php, etc. En cela, il sera situé dans la boucle qui appelle chaque message aussi.
  • Sur search.php
  • Sur page.php si vous autorisez les commentaires sur les pages

Si le commentaire compte dans votre commentaires.php est affiché sous forme de phrase, au lieu d’un nombre, vous pouvez utiliser le code ci-dessous au lieu de l’appel à une ligne afin de permettre des mots tels que "pas de commentaire" et "un commentaire". J'ai personnalisé le mien pour qu'il soit plus attrayant - je vous recommanderais de faire la même chose au lieu d'être générique :)

 Pas encore de commentaires - vous devriez commencer la discussion!';  else if ($ commentCount == 1) echo '
Un commentaire jusqu'à présent - ajoutez le vôtre!
'; else echo '
'. $ commentCount. 'commentaires jusqu'ici - ajoutez le vôtre!
'; ?>

Étape 4: Obtenir des notifications immédiates de nouveaux commentaires

La dernière partie du didacticiel vous montrera comment obtenir des notifications Facebook chaque fois que quelqu'un commente sur votre blog..

Tout d'abord, vous devez accéder à votre panneau de modération des commentaires. Vous pouvez le faire en collant l'URL suivante dans votre navigateur, en remplaçant "Votre ID d'application ici" par votre identifiant d'application.. Vous voudrez peut-être aussi ajouter cette page à vos favoris une fois que vous y êtes.

https://developers.facebook.com/tools/comments/?id=Votre identifiant d'application ici

Une fois dans le panneau de modération de vos commentaires, appuyez sur le bouton Réglages bouton dans le coin en haut à droite. Une fenêtre va apparaître, et vous devriez voir un Les modérateurs champ au milieu de celui-ci. Ajoutez-vous simplement en tant que modérateur et vous commencerez à recevoir des notifications chaque fois que quelqu'un commentera un article de blog..


Conclusion

Si vous avez suivi toutes les étapes de ce didacticiel, les commentaires Facebook doivent maintenant être implémentés sur votre blog, parallèlement au système de commentaires WordPress par défaut. Je pense que cette configuration est idéale car elle offre à vos lecteurs le meilleur des deux mondes. Facebook Comments est probablement le système de commentaires le plus pratique sur le marché. Si un lecteur est connecté à Facebook (ce qui est le plus probablement le cas), il n'y a absolument aucun champ d'authentification ou d'identification à renseigner. Ils peuvent juste commenter. Toutefois, si un lecteur ne souhaite pas utiliser Facebook, ou souhaite ajouter son lien ou bénéficier des avantages de CommentLuv, vous pouvez toujours le laisser utiliser les commentaires WordPress..

Vous avez également désormais un nombre de commentaires pour chaque publication indiquant la somme des commentaires de chaque système. En tant que modérateur de votre application, vous recevez des notifications immédiates des nouveaux commentaires. J'espère que vous apprécierez votre nouvelle solution améliorée de commentaires!