Add Live Commenting to Bubble.io Sites

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 Izgled postavite širinu na 100%. Ovo osigurava da widget za komentare zauzme punu širinu svog kontejnera i ispravno se prilagođava različitim veličinama ekrana.

Postavite širinu na 100%

After changing the input value to 100 (or the desired percentage) you'll have to click the dropdown next to the number to change it from piksela na postotke.

Također, postavite minimalnu visinu (npr., 400px) kako bi widget za komentare imao dovoljno prostora za pravilno prikazivanje.

Nakon što napravite ove promjene, kliknite gumb Pregled 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.