Add Live Commenting to Typeflo.io Blogs

For at tilføje FastComments til din Typeflo.io-blog, skal du først gå til dit blogs kontrolpanel og klikke på Indstillinger i venstre sidebjælke.

Klik på Indstillinger

Klik derefter på fanen Brugerdefineret kode øverst på indstillingssiden.

Klik på fanen Brugerdefineret kode

Du vil se tre sektioner til at tilføje brugerdefineret kode: Header, Body og Footer. Vi bruger Footer-sektionen til FastComments.

I Sidefod-sektionen på fanen Tilpasset kode, indsæt følgende kode:

Typeflo.io Live-kommentering - kodeudsnit

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

Indsæt kode i Sidefod-sektionen

Efter indsættelse af koden skal du klikke på knappen Save for at anvende dine ændringer.

Bemærk: Denne kode indeholder logik til dynamisk at placere FastComments-widget'en i den optimale position på dine Typeflo.io-blogindlæg. Andre kodeudsnit vil ikke fungere korrekt med Typeflo.io's layout.

Husk at erstatte 'demo' med dit faktiske FastComments tenant-id efter tilmelding. Hvis du er logget ind på FastComments.com, burde det allerede være udskiftet.

Godt arbejde! Du har tilføjet live-kommentarer til din Typeflo.io-blog.

FastComments vil nu vises på alle dine blogindlæg, så dine læsere kan deltage i diskussioner.

Hvis du er stødt på en 'permission denied'-fejl, eller gerne vil tilpasse FastComments, så læs videre.

FastComments er designet til at kunne tilpasses, så det matcher din blogs design.

Hvis du vil tilføje brugerdefineret styling eller justere konfigurationen, Se vores tilpasningsdokumentation for at lære hvordan.

For Typeflo.io-blogge kan du tilføje brugerdefinerede CSS-stilarter i den samme Custom Code-sektion, hvor du tilføjede FastComments-scriptet.