Add Live Commenting to Typeflo.io Blogs

Pour ajouter FastComments à votre blog Typeflo.io, rendez-vous d'abord sur le tableau de bord de votre blog 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 pour les 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

Coller le code dans la section Pied de page

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

Remarque : ce code inclut une logique permettant de placer dynamiquement le widget FastComments à l'emplacement optimal dans vos articles 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 identifiant de locataire FastComments réel après votre inscription. Si vous êtes connecté à FastComments.com, il devrait déjà être remplacé.

Bravo ! Vous avez ajouté des commentaires en direct à votre blog Typeflo.io.

FastComments apparaîtra désormais sur tous vos articles de blog, permettant à vos lecteurs de participer aux discussions.

Si vous rencontrez une erreur 'permission denied', ou si vous souhaitez personnaliser FastComments, lisez la suite.

FastComments est conçu pour être personnalisé afin de s'adapter au design de votre blog.

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

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