FastComments.com

Add Live Commenting to Typeflo.io Blogs

Šta ovaj vodič obuhvata

Ovaj vodič obuhvata podešavanje komentarisanja uživo sa FastComments na Typeflo.io blogovima.

1. Pronađite unos koda Internal Link

Da biste dodali FastComments na vaš Typeflo.io blog, prvo idite na kontrolnu tablu vašeg bloga i kliknite na Settings u levom bočnom meniju.

Kliknite na Settings
Navigirajte do Settings u Typeflo.io

Zatim kliknite na karticu Custom Code na vrhu stranice podešavanja.

Kliknite na karticu Custom Code
Kliknite na karticu Custom Code u podešavanjima Typeflo.io

Videćete tri sekcije za dodavanje prilagođenog koda: Header, Body i Footer. Koristićemo sekciju Footer za FastComments.

2. Umetnite kod Internal Link

U odeljku Footer na kartici Custom Code, nalepite sledeći kod:

Typeflo.io kod za komentarisanje uživo
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
Nalepite kod u odeljak Footer
Nalepite FastComments kod u Footer odeljak

Nakon lepljenja koda, kliknite na dugme Save da primenite vaše promene.

Napomena: Ovaj kod sadrži logiku za dinamičko postavljanje FastComments vidžeta u optimalnu poziciju na vašim Typeflo.io objavama na blogu. Ostali isječci koda neće pravilno raditi sa rasporedom Typeflo.io.

Zapamtite da zamenite 'demo' vašim stvarnim FastComments tenant ID-jem nakon registracije. Ako ste prijavljeni na FastComments.com, trebalo bi da je već zamenjen.

Uspešno Internal Link

Sjajan posao! Dodali ste komentare uživo na svoj Typeflo.io blog.

FastComments će se sada pojavljivati na svim vašim blog postovima, omogućavajući vašim čitaocima da učestvuju u diskusijama.

Ako ste naišli na grešku 'permission denied', ili želite da prilagodite FastComments, nastavite čitati.

Prilagođavanje Internal Link

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

Ako želite da dodate prilagođene stilove ili podesite konfiguraciju, pogledajte našu dokumentaciju za prilagođavanje da biste saznali kako.

Za Typeflo.io blogove, možete dodati prilagođene CSS stilove u istom odeljku Custom Code gde ste dodali FastComments skriptu.