Dodajte komentiranje uživo na Bubble.io stranice

Prvo, navigirajte do stranice/rasporeda na koji želite dodati FastComments. U Bubble editoru povucite i ispustite HTML element iz bočne trake Visual Elements na svoju stranicu.

Dodajte HTML element

HTML element omogućuje nam izravno ugrađivanje FastComments widgeta u vašu Bubble aplikaciju.

Kliknite na HTML element koji ste upravo dodali. U uređivaču svojstava koji se pojavi, zalijepite sljedeći kod u polje HTML:

Isječak koda za komentiranje uživo za Bubble.io

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget" style="width: 100%;height: 100%;"></div>

4<script>

5 (function fcLoad() {

6 function tryLoad() {

7 // Bubble obično mijenja isječak koda da bude asinkron

8 const container = document.getElementById('fastcomments-widget');

9 if (!container) {

10 return waitRetry();

11 }

12 if (!window.FastCommentsUI) {

13 return waitRetry();

14 }

15 if (container.fastCommentsSetup) {

16 return;

17 }

18 window.FastCommentsUI(container, {

19 tenantId: 'demo',

20 pageTitle: top.document.title,

21 url: top.location.href,

22 urlId: top.location.pathname

23 });

24 container.fastCommentsSetup = true;

25 }

26 function waitRetry() {

27 setTimeout(tryLoad, 500);

28 }

29 tryLoad();

30 })();

31</script>

32

Umetnite FastComments kod

Napomena: Ovaj kod uključuje mehanizam ponovnog pokušaja kako bi se osiguralo da se FastComments pravilno učita u dinamičkom okruženju Bubble-a. Drugi isječci koda neće raditi.

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

Kako bi se widget komentara ispravno prikazao, moramo prilagoditi širinu HTML elementa. Pronađite karticu Layout u uređivaču svojstava elementa.

Pronađite postavku širine

Kartica Layout sadrži važne opcije veličine koje će pomoći našem widgetu komentara da se ispravno prikazuje na različitim veličinama zaslona.

U kartici Layout postavite širinu na 100%. To osigurava da widget za komentare zauzima punu širinu svog spremnika i pravilno reagira na različite veličine zaslona.

Postavite širinu na 100%

Nakon promjene vrijednosti u polje na 100 (ili željeni postotak) morate kliknuti padajući izbornik pored broja kako biste ga promijenili iz piksela u postotak.

Također, postavite minimalnu visinu (npr. 400px) kako biste osigurali da widget za komentare ima dovoljno prostora za pravilan prikaz.

Nakon što napravite ove promjene, kliknite gumb Preview da vidite svoj FastComments widget u akciji!

Dobar posao! Dodali ste komentiranje uživo na svoju Bubble.io stranicu.

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

FastComments je dizajniran tako da se može prilagoditi vašoj stranici.

Ako želite dodati prilagođeni stil ili promijeniti konfiguraciju, Pogledajte našu dokumentaciju o prilagodbama i konfiguraciji kako biste saznali kako.