FastComments.com

Dodajte komentare na Weebly sajtove

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 kod FastComments.com Internal Link

Da bi integracija Weebly i FastComments radila kako treba, moramo dodati dva mala dela koda.

Prvi isečak koda služi za sakrivanje Weebly poruke "Comments are Closed", a drugi za stvarno učitavanje FastComments.

Prvo, kopirajte ovaj mali isečak koda:

FastComments Header Code Snippet
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

Zatim, na istoj stranici sa podešavanjima iz Step One, kliknite na + pored Post header code.

Otvorite Post Header Code
Otvorite Post Header Code

Trebalo bi da se otvori tekstualni okvir poput ovog:

Post Header Code otvoren
Post Header Code otvoren

Sada nalepimo naš isečak koda:

Isečak koda za header nalepljen
Isečak koda za header nalepljen

Sledeći korak je kod za footer koji omogućava FastComments. Kliknite na znak plus pored Post footer code:

Otvorite Post Footer Code
Otvorite Post Footer Code

Kopirajte ovaj isečak koda koji je dizajniran specifično za Weebly:

FastComments Footer Code Snippet
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

Sada nalepimo naš kod za footer:

Post Footer Code dodat
Post Footer Code dodat

To je sve!

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.