Add Live Commenting to Bubble.io Sites

Prvo, idite na stranicu/raspored gdje želite dodati FastComments. U Bubble editoru, prevucite i ispustite HTML element iz bočne trake 'Vizuelni elementi' 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, zalijepite sljedeć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 često mijenja isječak koda i čini ga asinkronim

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. Ostali isječci koda neće raditi.

Zapamtite da zamijenite 'demo' sa stvarnim FastComments tenant ID-jem nakon registracije. Ako ste prijavljeni na FastComments.com, trebalo bi da je već zamijenjeno.

Да би се коментарски видгет правилно приказао, морамо прилагодити ширину HTML елемента. Потражите картицу Layout у уређивачу својстава елемента.

Пронађите подешавање ширине

Картица Layout садржи важне опције величине које ће помоћи да наш коментарски видгет буде правилно приказан на различитим величинама екрана.

На картици Layout подесите ширину на 100%. Ово осигурава да видгет за коментаре заузима целу ширину свог контејнера и правилно се прилагођава различитим величинама екрана.

Поставите ширину на 100%

Након што промените вредност улаза на 100 (или на жељени проценат) мораћете да кликнете на падајући мени поред броја да бисте га променили са пиксела на проценат.

Такође, подесите минималну висину (нпр. 400px) како бисте осигурали да видгет за коментаре има довољно простора за правилно приказивање.

Након што направите ове измене, кликните на дугме Преглед да бисте видели ваш FastComments видгет у акцији!

Добар посао! Додали сте живо коментарисање на ваш Bubble.io сајт.

Ако наиђете на грешку 'permission denied', или желите прилагодити FastComments, наставите са читањем.

FastComments je dizajniran da bude prilagodljiv kako bi odgovarao vašoj stranici.

Ako želite dodati prilagođeni stil ili podesiti konfiguraciju, Pogledajte našu dokumentaciju za prilagođavanje da biste saznali kako.