FastComments.com

Add Live Commenting to Typeflo.io Blogs


Što ovaj vodič obuhvaća

Ovaj vodič objašnjava postavljanje komentiranja uživo pomoću FastComments na Typeflo.io blogovima.

1. Pronađite polje za unos koda Internal Link

Da biste dodali FastComments na svoj Typeflo.io blog, najprije idite na nadzornu ploču svog bloga i kliknite na Postavke u lijevom bočnom izborniku.

Kliknite Postavke
Idite na Postavke u Typeflo.io

Zatim kliknite na karticu Prilagođeni kod na vrhu stranice postavki.

Kliknite karticu Prilagođeni kod
Kliknite karticu Prilagođeni kod u Postavkama Typeflo.io

Vidjet ćete tri odjeljka za dodavanje prilagođenog koda: Zaglavlje, Tijelo i Podnožje. Koristit ćemo odjeljak Podnožje za FastComments.

2. Umetnite kod Internal Link

U odjeljku Podnožje na kartici Prilagođeni kod, zalijepite sljedeći kod:

Isječak koda za komentiranje uživo na Typeflo.io
Copy 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
Zalijepite kod u odjeljak Podnožje
Zalijepite FastComments kod u odjeljak Podnožje

Nakon što zalijepite kod, kliknite gumb Spremi da biste primijenili promjene.

Napomena: Ovaj kod sadrži logiku za dinamičko postavljanje FastComments widgeta na optimalnu lokaciju na vašim Typeflo.io objavama na blogu. Drugi isječci koda neće pravilno raditi s izgledom Typeflo.io.

Zapamtite da zamijenite 'demo' sa svojim stvarnim FastComments tenant ID nakon prijave. Ako ste prijavljeni na FastComments.com, već bi trebao biti zamijenjen.

Uspjeh Internal Link

Dobar posao! Dodali ste komentiranje uživo na svoj Typeflo.io blog.

FastComments će se sada pojavljivati na svim vašim objavama na blogu, omogućujući vašim čitateljima da sudjeluju u raspravama.

Ako ste naišli na pogrešku permission denied, ili želite prilagoditi FastComments, nastavite čitati.

Prilagodba Internal Link

FastComments je dizajniran da se prilagodi izgledu vašeg bloga.

Ako želite dodati prilagođene stilove ili podesiti konfiguraciju, Pogledajte našu dokumentaciju o prilagodbi da saznate kako.

Za Typeflo.io blogove, možete dodati prilagođene CSS stilove u istoj sekciji Custom Code gdje ste dodali FastComments skriptu.