Add Live Commenting to Bubble.io Sites

Najprej se pomaknite na stran/layout, kamor želite dodati FastComments. V urejevalniku Bubble povlecite in spustite element HTML iz stranskega podokna Visual Elements na vašo stran.

Dodaj element HTML

Element HTML nam bo omogočil, da FastComments widget neposredno vgradimo v vašo aplikacijo Bubble.

Kliknite na HTML element, ki ste ga pravkar dodali. V urejevalniku lastnosti, ki se prikaže, prilepite naslednjo kodo v polje HTML:

Delček kode za komentiranje v živo 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 pogosto preuredi izrezek kode v asinhrono obliko

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

Vstavite kodo FastComments

Opomba: Ta koda vključuje mehanizem ponovnega poskusa, da se zagotovi pravilno nalaganje FastComments v dinamičnem okolju Bubble. Drugi izrezki kode ne bodo delovali.

Ne pozabite zamenjati 'demo' z dejanskim ID-jem najemnika FastComments po prijavi. Če ste prijavljeni na FastComments.com, bi moralo biti to že zamenjano.

Da zagotovimo, da se pripomoček za komentarje pravilno prikaže, moramo prilagoditi širino HTML elementa. Poiščite zavihek Postavitev v urejevalniku lastnosti elementa.

Poiščite nastavitev širine

Zavihek Postavitev vsebuje pomembne nastavitve velikosti, ki bodo pomagale, da se naš pripomoček za komentarje pravilno prikaže na različnih velikostih zaslonov.

V zavihku Postavitev nastavite širino na 100%. To zagotavlja, da pripomoček za komentarje zavzame celotno širino svojega kontejnerja in se pravilno odziva na različne velikosti zaslonov.

Nastavi širino na 100%

Po spremembi vrednosti vnosa na 100 (ali želeni odstotek) boste morali klikniti spustni meni zraven številke, da ga spremenite iz pikslov v odstotke.

Prav tako nastavite minimalno višino (npr. 400px), da zagotovite, da ima pripomoček za komentarje dovolj prostora za pravilno prikazovanje.

Ko naredite te spremembe, kliknite gumb Predogled, da vidite svoj FastComments pripomoček v akciji!

Odlično delo! Dodali ste komentiranje v živo na svojo stran Bubble.io.

Če ste naleteli na napako »dostop zavrnjen« ali želite prilagoditi FastComments, preberite naprej.

FastComments je zasnovan tako, da ga lahko prilagodite svoji spletni strani.

Če želite dodati lastno oblikovanje ali prilagoditi konfiguracijo, Oglejte si našo dokumentacijo o prilagoditvah, da izveste, kako.