Add Live Commenting to Typeflo.io Blogs

Pour ajouter FastComments à votre blogue Typeflo.io, accédez d'abord au tableau de bord de votre blogue et cliquez sur Paramètres dans la barre latérale gauche.

Cliquez sur Paramètres

Ensuite, cliquez sur l'onglet Code personnalisé en haut de la page des paramètres.

Cliquez sur l'onglet Code personnalisé

Vous verrez trois sections pour ajouter du code personnalisé : En-tête, Corps et Pied de page. Nous utiliserons la section Pied de page pour FastComments.

Dans la section Pied de page de l'onglet Code personnalisé, collez le code suivant :

Extrait de code de commentaires en direct Typeflo.io

Copy

1

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

3<script>

4 (function () {

5 function load() {

6 let target = null;

7 let lastInstance;

8 if (document.querySelector('.fastcomments-widget')) {

9 setTimeout(load, 1000);

10 return;

11 }

12 if (lastInstance) {

13 lastInstance.destroy();

14 }

15 if (window.FastCommentsUI) {

16 const newElement = document.createElement('div');

17 newElement.classList.add('fastcomments-widget');

18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');

19 if (subscribeSection) {

20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);

21 target = newElement;

22 } else {

23 const fullWidthSection = document.querySelector('.container.w-full');

24 if (fullWidthSection) {

25 fullWidthSection.prepend(newElement);

26 target = newElement;

27 }

28 }

29 }

30 if (target) {

31 lastInstance = FastCommentsUI(target, {

32 "tenantId": "demo"

33 });

34 }

35 setTimeout(load, 1000);

36 }

37

38 load();

39 })();

40</script>

41

Collez le code dans la section Pied de page

Après avoir collé le code, cliquez sur le bouton Enregistrer pour appliquer vos modifications.

Note : ce code inclut une logique pour placer dynamiquement le widget FastComments à l'emplacement optimal dans vos articles de blog Typeflo.io. Les autres extraits de code ne fonctionneront pas correctement avec la mise en page de Typeflo.io.

N'oubliez pas de remplacer 'demo' par votre ID de locataire FastComments réel après votre inscription. Si vous êtes connecté à FastComments.com, il devrait déjà être remplacé.

Beau travail! Vous avez ajouté des commentaires en direct à votre blogue Typeflo.io.

FastComments apparaîtra maintenant sur tous vos articles de blogue, permettant à vos lecteurs de participer aux discussions.

Si vous avez rencontré une erreur d'accès refusé, ou si vous souhaitez personnaliser FastComments, lisez la suite.

FastComments est conçu pour être personnalisé afin d'harmoniser son apparence avec le design de votre blogue.

Si vous souhaitez ajouter des styles personnalisés ou ajuster la configuration, Consultez notre documentation sur la personnalisation pour savoir comment.

Pour les blogues Typeflo.io, vous pouvez ajouter des styles CSS personnalisés dans la même section Code personnalisé où vous avez ajouté le script FastComments.