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

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 елемента. Потражите картицу Распоред у уређивачу својстава елемента.

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

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

U kartici Layout, podesite širinu na 100%. Ovo osigurava da widget za komentare zauzme punu širinu svog kontejnera i pravilno se prilagođava različitim veličinama ekrana.

Podesite širinu na 100%

Nakon što promijenite vrijednost unosa na 100 (ili željeni procenat) moraćete kliknuti padajući meni pored broja da biste ga promijenili sa piksela na procente.

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

Nakon što napravite ove izmjene, kliknite dugme Pregled da vidite vaš FastComments widget u akciji!

Sjajan posao! Dodali ste komentarisanje uživo na vaš Bubble.io sajt.

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

FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite dodati prilagođeni stil, ili podesiti konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanju da saznate kako.