Add Live Commenting to Bubble.io Sites

Prvo, navigirajte do stranice/raspore na koji želite da dodate FastComments. U Bubble editoru, prevucite i otpustite HTML element iz Visual Elements sidebar-a na vašu stranicu.

Dodavanje HTML elementa

The HTML element will allow us to embed the FastComments widget directly into your Bubble app.

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

Bubble.io kod za komentarisanje uživo

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 menja isječak koda tako da postane asinhron

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

Ubaci FastComments kod

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

Ne zaboravite da zamenite 'demo' vašim stvarnim FastComments tenant ID-jem nakon prijave. Ako ste prijavljeni na FastComments.com, trebalo bi da je već zamenjeno.

Da bismo osigurali da se widget za komentare pravilno prikazuje, moramo podesiti širinu HTML elementa. Potražite karticu Layout u uređivaču svojstava elementa.

Pronađite podešavanje širine

Kartica Layout sadrži važne opcije za dimenzionisanje koje će pomoći da se naš widget za komentare pravilno prikaže na različitim veličinama ekrana.

Na kartici Layout, postavite širinu na 100%. Ovo osigurava da komentar widget zauzima punu širinu svog kontejnera i pravilno se prilagođava različitim veličinama ekrana.

Postavite širinu na 100%

Nakon promene vrednosti unosa na 100 (ili željeni procenat) moraćete da kliknete padajući meni pored broja da biste ga promenili iz piksela u procente.

Takođe, postavite minimalnu visinu (npr. 400px) kako biste osigurali da komentar widget ima dovoljno prostora za pravilno prikazivanje.

Nakon što izvršite ove izmene, kliknite dugme Preview da biste videli vaš FastComments widget u akciji!

Sjajno! Dodali ste komentare uživo na svoj Bubble.io sajt.

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

FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite da dodate prilagođeni stil ili da podesite konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanju i konfiguraciji da saznate kako.