Add Live Commenting to Bubble.io Sites

Прво, идите на страницу/изглед на којој желите да додате 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%

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 pixels to percentage.

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

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

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

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

FastComments je dizajniran da se prilagodi vašem sajtu.

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