Dodajte komentarisanje u realnom vremenu na Bubble.io sajtove

Прво, идите на страницу/изглед на којој желите да додате FastComments. У Bubble уређивачу, превуците и отпустите HTML елемент из бочне траке Visual Elements на вашу страницу.

Додајте HTML елемент

HTML елемент ће нам омогућити да уградимо FastComments видгет директно у вашу Bubble апликацију.

Кликните на HTML елемент који сте управо додали. У уређивачу својстава који се појави, налепите следећи код у поље HTML:

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 има тенденцију да промени исечак кода да буде async

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

Уметните FastComments код

Напомена: Овај код садржи механизам поновног покушаја како би се осигурало да FastComments правилно учита у динамичком окружењу Bubble-а. Остали исечци кода неће радити.

Запамтите да замените 'demo' својим стварним FastComments tenant ID-јем након регистрације. Ако сте пријављени на FastComments.com, требало би да је већ замењен.

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

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

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

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

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

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

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

Након ових измена, кликните на дугме Preview да видите свој FastComments виџет у акцији!

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

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

FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite да додате прилагођени стил, или подесите конфигурацију, Pogledajte нашу документацију о прилагођавању и конфигурацији да сазнате како.