Add Comments to Weebly Sites

Tout d'abord, assurez-vous d'avoir ajouté quelques articles de blog sur votre site pour voir les résultats de ce tutoriel.

Une fois prêt, ouvrons l'éditeur Weebly et cliquez sur Settings en haut.

Ouvrir les paramètres

Ouvrons maintenant les paramètres de notre blog en cliquant sur Blog à gauche :

Ouvrir les paramètres du blog

Nous devons maintenant désactiver le système de commentaires par défaut de Weebly, que nous remplacerons.

Remarque si vous souhaitez migrer les commentaires existants de votre site Weebly vers FastComments, votre représentant du support peut vous aider pour cette migration.

Réglons maintenant Commenting system sur Default et Comment Default sur Closed :

Désactiver le système par défaut

Ensuite, il ne reste plus qu'à ajouter le code du widget FastComments.com !

Pour que l'intégration entre Weebly et FastComments fonctionne correctement, nous devons ajouter deux petits extraits de code.

Le premier extrait sert à masquer le message Weebly « Comments are Closed », et le second sert à charger FastComments.

Tout d'abord, copiez ce petit extrait de code :

Extrait de code en-tête FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Ensuite, sur la même page de paramètres que Step One, cliquez sur le + à côté de Post header code.

Ouvrir le code d'en-tête de l'article

Une zone de texte devrait s'ouvrir comme ceci :

Code d'en-tête de l'article ouvert

Maintenant, collons notre extrait de code :

Extrait de code d'en-tête collé

Ensuite vient le code de pied de page pour activer FastComments. Cliquez sur le signe plus à côté de Post footer code :

Ouvrir le code de pied de page de l'article

Copiez cet extrait de code conçu spécifiquement pour Weebly :

Extrait de code de pied de page FastComments

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // supprimer le bouton d'affichage des commentaires

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Maintenant, collons notre code de pied de page :

Code de pied de page de l'article ajouté

C'est tout !

Il ne nous reste plus qu'à enregistrer nos modifications et publier notre site !

Enregistrer et publier

Succès ! Si vous consultez votre site, le système de commentaires en direct FastComments devrait maintenant être activé :

Succès

FastComments est conçu pour être personnalisé afin de s'adapter à votre site.

Si vous souhaitez ajouter un style personnalisé ou modifier la configuration, Consultez notre documentation de personnalisation pour savoir comment.