FastComments.com

Add Comments to Weebly Sites


Sa FastComments lako možemo dodati komentare uživo na bilo koji Weebly sajt.

Uputstva u nastavku su za blog izgrađen na Weebly-ju. Za druge tipove sajtova, rado ćemo pomoći — samo se obratite našem timu za podršku.

Imajte na umu da ovaj tutorijal zahteva FastComments nalog. Preporučujemo da se prvo prijavite, pa se vratite ovde. Možete napraviti nalog ovde.


Korak 1: Otvorite podešavanja bloga Internal Link

Prvo, uverite se da imate nekoliko blog postova dodatih na vašem sajtu kako biste videli rezultate ovog tutorijala.

Kada budete spremni, možemo otvoriti Weebly editor i kliknuti na Settings na vrhu.

Otvorite podešavanja
Otvorite podešavanja

Sada otvorimo podešavanja za naš blog tako što ćemo otići na Blog na levoj strani:

Otvorite podešavanja bloga
Otvorite podešavanja bloga

Sada treba da onemogućimo podrazumevani Weebly sistem komentara, koji ćemo zameniti.

Napomena ako želite da prebacite postojeće komentare sa vašeg Weebly sajta na FastComments, vaš predstavnik podrške može pomoći sa ovom migracijom.

Sada podesimo Commenting system na Default i Comment Default na Closed:

Onemogućite podrazumevani sistem
Onemogućite podrazumevani sistem

Sledeće, samo treba da dodamo FastComments.com widget kod!

Korak 2: Dodajte FastComments.com kod Internal Link

Da bi integracija između Weebly i FastComments radila kako treba, moramo dodati dva mala isječka koda.

Prvi isječak služi da sakrije Weebly poruku "Comments are Closed", a drugi da zapravo učita FastComments.

First, copy this small code snippet:

Isječak koda zaglavlja FastComments
Copy Copy
1
2<style>
3 #comments {
4 display: none;
5 }
6 #commentArea:not(.loaded) {
7 display: none;
8 }
9 #commentArea.loaded {
10 display: block !important;
11 }
12</style>
13

Then, on the same settings page from Step One, click the + next to Post header code.

Otvorite kod zaglavlja objave
Otvorite kod zaglavlja objave

You should see a text box open like this:

Kod zaglavlja objave otvoren
Kod zaglavlja objave otvoren

Now let's paste in our code snippet:

Isječak koda zaglavlja zalepljen
Isječak koda zaglavlja zalepljen

Next up is the footer code to enable FastComments. Click the plus sign next to Post footer code:

Otvorite kod podnožja objave
Otvorite kod podnožja objave

Copy this code snippet which is designed specifically for Weebly:

Isječak koda podnožja FastComments
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 (function () {
6 let loaded = false;
7 let interval = null;
8 function attemptLoad() {
9 if (loaded) {
10 clearInterval(interval);
11 return;
12 }
13 const comments = document.getElementById('comments');
14 if (comments) { // ukloni dugme za prikaz komentara
15 comments.remove();
16 }
17 const commentArea = document.getElementById('commentArea');
18 if (!commentArea) {
19 return;
20 }
21 commentArea.innerHTML = '';
22 commentArea.classList.add('loaded');
23 FastCommentsUI(commentArea, {
24 tenantId: "demo",
25 urlId: window.location.pathname
26 });
27 loaded = true;
28 clearInterval(interval);
29 }
30 attemptLoad();
31 interval = setInterval(attemptLoad, 300);
32 })();
33</script>
34

Now let's paste in our footer code:

Kod podnožja objave dodat
Kod podnožja objave dodat

That's it!

Korak 3: Objavite! Internal Link


Sada samo treba da sačuvamo izmene i objavimo naš sajt!

Sačuvaj i objavi
Sačuvaj i objavi

Uspeh Internal Link


Uspešno! Ako pogledate svoj sajt, sada bi trebalo da imate FastComments Live Commenting omogućeno:

Uspešno
Uspešno

Prilagođavanje Internal Link


FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite dodati prilagođene stilove ili podesiti konfiguraciju, Pogledajte našu dokumentaciju za prilagođavanje da saznate kako.