Add Live Commenting to Typeflo.io Blogs

Per aggiungere FastComments al tuo blog Typeflo.io, prima vai alla bacheca del tuo blog e fai clic su Impostazioni nella barra laterale sinistra.

Fai clic su Impostazioni

Successivamente, fai clic sulla scheda Codice personalizzato nella parte superiore della pagina delle impostazioni.

Fai clic sulla scheda Codice personalizzato

Vedrai tre sezioni per aggiungere codice personalizzato: Header, Body e Footer. Useremo la sezione Footer per FastComments.

Nella sezione Footer della scheda Codice personalizzato, incolla il codice seguente:

Snippet di codice per commenti live di 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

Incolla il codice nella sezione Footer

Dopo aver incollato il codice, fai clic sul pulsante Salva per applicare le modifiche.

Nota: questo codice include una logica per posizionare dinamicamente il widget FastComments nel punto ottimale dei tuoi post sul blog Typeflo.io. Altri snippet di codice non funzioneranno correttamente con il layout di Typeflo.io.

Ricordati di sostituire 'demo' con il tuo reale ID tenant FastComments dopo la registrazione. Se hai effettuato l'accesso a FastComments.com, dovrebbe essere già sostituito.

Bel lavoro! Hai aggiunto i commenti in tempo reale al tuo blog Typeflo.io.

FastComments ora apparirà in tutti i tuoi post del blog, permettendo ai tuoi lettori di partecipare alle discussioni.

Se hai riscontrato un errore di permesso negato o desideri personalizzare FastComments, continua a leggere.

FastComments è progettato per essere personalizzato per adattarsi al design del tuo blog.

Se desideri aggiungere stili personalizzati o modificare la configurazione, Consulta la nostra documentazione sulla personalizzazione per scoprire come.

Per i blog Typeflo.io, puoi aggiungere stili CSS personalizzati nella stessa sezione Codice personalizzato in cui hai aggiunto lo script di FastComments.