Add Live Commenting to Typeflo.io Blogs

Om FastComments aan je Typeflo.io-blog toe te voegen, ga eerst naar het dashboard van je blog en klik in de linkerzijbalk op Instellingen.

Klik op Instellingen

Klik vervolgens op het tabblad Aangepaste code bovenaan de instellingenpagina.

Klik op het tabblad Aangepaste code

Je ziet drie secties om aangepaste code toe te voegen: Header, Body en Footer. We gebruiken de Footer-sectie voor FastComments.

Plak de volgende code in de Voettekst-sectie van het tabblad Aangepaste code:

Typeflo.io Live Commentaar Codefragment

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

Plak code in de Voettekst-sectie

Klik na het plakken van de code op de knop Opslaan om je wijzigingen toe te passen.

Opmerking: Deze code bevat logica om de FastComments-widget dynamisch in de optimale positie op je Typeflo.io-blogposts te plaatsen. Andere codefragmenten werken niet correct met de lay-out van Typeflo.io.

Vergeet niet 'demo' te vervangen door je eigen FastComments tenant-ID nadat je je hebt aangemeld. Als je ingelogd bent op FastComments.com, zou deze al vervangen moeten zijn.

Goed gedaan! Je hebt live commentaar toegevoegd aan je Typeflo.io blog.

FastComments verschijnt nu op al je blogposts, zodat je lezers kunnen deelnemen aan discussies.

Als je een permission denied-fout bent tegengekomen, of FastComments wilt aanpassen, lees dan verder.

FastComments is ontworpen om aangepast te worden zodat het aansluit bij het ontwerp van je blog.

Als je aangepaste styling wilt toevoegen of de configuratie wilt bijstellen, Bekijk onze documentatie over aanpassingen en configuratie om te leren hoe.

Voor Typeflo.io-blogs kun je aangepaste CSS-stijlen toevoegen in dezelfde sectie 'Aangepaste code' waar je het FastComments-script hebt toegevoegd.