FastComments.com

Add Comments to Squarespace Sites


Pomoću FastComments-a možemo lako dodati komentare uživo na bilo koji Squarespace sajt.

Uputstva u nastavku su podeljena u tri sekcije, u zavisnosti od toga šta želite da uradite:

  1. Dodavanje komentara na Squarespace blog postove
  2. Dodavanje komentara na sve stranice
  3. Dodavanje komentara na određenu stranicu

Imajte na umu da ovaj tutorijal zahteva FastComments nalog. Preporučuje se da se prvo registrujete, pa se onda vratite ovde. Možete kreirati nalog ovde.


Dodavanje komentara uživo na vaš blog Internal Link

U ovom odeljku naučićemo kako da dodate komentare uživo na vaš Squarespace blog.

Biće potrebno da kod dodate samo jednom i widget će se automatski dodati svim postojećim objavama na blogu, i svim objavama na blogu koje kreirate u budućnosti.

Niti komentara biće jedinstvene za svaku objavu na blogu.

Korak 1: Otvorite podešavanja bloga Internal Link

Počećemo tako što ćemo u Editoru otvoriti Pages sa leve strane:

Otvorite Pages
Otvorite Pages

Na dnu bi trebalo da vidite Blog sa ikonicom zupčanika s desne strane. Kliknite na zupčanik da otvorite podešavanja bloga:

Otvorite podešavanja bloga
Otvorite podešavanja bloga

Sada ćemo otići na Advanced, а zatim Post Blog Item Code Injection:

Otvorite podešavanje koda stavke bloga
Otvorite podešavanje koda stavke bloga

Treba da vidite prazan prostor za kod kao na sledećoj slici:

Prazan prostor za kod
Prazan prostor za kod

Korak 2: Nalepite svoj FastComments.com kod Internal Link

Sada možemo kopirati sledeći isječak koda (koristite dugme za kopiranje u gornjem desnom uglu isječka):

Squarespace kod komentara na blogu
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 const tenantId = 'demo'; // vaš ID naloga
7
8 function tryLoad() {
9 // pokušaj učitavanja za različite rasporede
10 let targetDiv = document.querySelector('.blog-item-comments-content');
11 if (!targetDiv) {
12 targetDiv = document.getElementById('fastcomments-widget');
13 }
14 window.FastCommentsUI(targetDiv, {
15 tenantId
16 });
17 }
18
19 tryLoad();
20 })();
21</script>
22
23

...zatim nalepite u polje za kod i kliknite na Sačuvaj:

Nalepite i sačuvajte
Nalepite i sačuvajte

Uspeh Internal Link

Uspešno! Sada biste trebalo da vidite FastComments Comment Widget na svim vašim blog objavama.

Uspešno!
Uspešno!

Čestitamo na podešavanju FastComments na Squarespace-u! Ako ste naišli na Domain Error, ili biste želeli da saznate kako da prilagodite prostor za komentare, nastavite da čitate!

Dodajte komentare uživo na sve stranice Internal Link


U ovom odeljku naučićemo kako da dodate komentarisanje uživo na sve stranice na vašem Squarespace sajtu.

Dovoljno je da kod dodate samo jednom i vidžet će se automatski dodavati na sve postojeće stranice, i na sve stranice koje kreirate ubuduće.

Niti komentara biće jedinstvene za svaku stranicu.


Korak 1: Otvorite alatke za programere Internal Link

Počećemo tako što ćemo otvoriti Podešavanja na levoj strani, u Editoru:

Otvorite Podešavanja
Otvorite Podešavanja

Na dnu trebalo bi da vidite Developer Tools. Kliknite na to:

Otvorite Alatke za programere
Otvorite Alatke za programere

Sada ćemo otići na Code Injection:

Otvorite Umetanje koda
Otvorite Umetanje koda

Sada biste trebalo da vidite dva prostora u koja možemo dodati kod, jedan označen kao HEADER i jedan označen kao FOOTER. Naš kod dodaćemo u oblast FOOTER:

Prazna oblast za FOOTER
Prazna oblast za FOOTER

U sledećem koraku kopiraćemo naš kod i dodaćemo ga.

Korak 2: Nalepite svoj FastComments.com kod Internal Link

Sada možemo kopirati sledeći isječak koda. Koristite dugme za kopiranje koje se pojavljuje u gornjem desnom uglu isječka.

Postoji nekoliko stvari koje možete konfigurisati u kodu, pogledajte linije 4 do 7.

Squarespace kod komentara za sve stranice
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 const tenantId = 'demo'; // vaš ID naloga
7
8 function tryLoad() {
9 // pokušaj učitavanja za različite rasporede
10 let targetDiv = document.querySelector('.blog-item-comments-content');
11 if (!targetDiv) {
12 targetDiv = document.getElementById('fastcomments-widget');
13 }
14 window.FastCommentsUI(targetDiv, {
15 tenantId
16 });
17 }
18
19 tryLoad();
20 })();
21</script>
22
23

...zatim zalepite u polje za kod i kliknite sačuvaj. Trebalo bi da izgleda ovako, sa kodom u FOOTER bloku:

Zalepi i sačuvaj
Zalepi i sačuvaj

Ako imate problema, uverite se da pri dnu ne piše "tenantId": "demo". Treba da prikaže vaš tenant id ako ste prijavljeni. Ako ne, obratite se podršci.

Uspeh Internal Link


Uspešno! Sada biste trebali videti FastComments Comment Widget na svim vašim stranicama.

Čestitamo što ste podesili FastComments sa Squarespace! Ako ste naišli na Domain Error, ili želite da saznate kako da prilagodite deo za komentare, pročitajte dalje!


Dodajte komentare uživo na određenu stranicu Internal Link

U ovom odeljku naučićemo kako da dodate komentare uživo na određenu stranicu vašeg Squarespace sajta.

Kod ovakvog pristupa moraćete da dodate kod na svaku stranicu na koju želite da dodate widget za komentare.

Niti komentara biće jedinstvene za svaku stranicu.

Korak 1: Dodajte blok koda Internal Link

Kada dodajete widget za komentare na određenu stranicu, imate nešto više kontrole.

Widget možemo dodati tačno tamo gde želimo, što ćemo i uraditi u ovom tutorijalu, dodavanjem prilagođenog bloka koda.

Prvo otvorite stranicu na koju želite da dodate komentare i kliknite na Edit u gornjem levom uglu.

U ovom primeru dodaćemo sekciju posebno namenjenu komentarima, ali ih možete dodati i u postojeću sekciju na stranici.

Dodajmo našu sekciju:

Dodaj sekciju
Dodaj sekciju

Dodaćemo praznu sekciju:

Dodaj praznu sekciju
Dodaj praznu sekciju

Videćete da je dodata velika prazna oblast. Kliknite na ADD BLOCK u gornjem levom uglu:

Dodaj blok
Dodaj blok

Skrolujte nadole dok ne nađete opciju Code i kliknite na nju:

Izaberite Code widget
Izaberite Code widget

Postavite blok koda onako kako želite da bude pozicioniran widget za komentare:

Pozicija
Pozicija

Izmenite blok koda:

Izmenite blok koda
Izmenite blok koda

U sledećem koraku ćemo kopirati naš kod i dodati ga.

Korak 2: Nalepite svoj FastComments.com kod Internal Link


Sada možemo kopirati sledeći isječak koda. Koristite dugme za kopiranje koje se pojavljuje u gornjem desnom uglu isječka.

Postoji nekoliko stvari koje možete konfigurisati u kodu, pogledajte linije 4 do 7.

Squarespace kod za jednu stranicu
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 const tenantId = 'demo'; // vaš ID naloga
7
8 function tryLoad() {
9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
10 tenantId
11 });
12 }
13
14 tryLoad();
15 })();
16</script>
17
18

Treba da izgleda ovako:

Nalepi i sačuvaj
Nalepi i sačuvaj

Sada kliknite na Sačuvaj u gornjem desnom uglu.

Imajte na umu da opcija Preview in Safe Mode neće raditi, ali će widget biti prikazan kada posetite vaš sajt.

Ako imate probleme, proverite da li pri dnu nije navedeno "tenantId": "demo". Trebalo bi da prikaže vaš tenant id ako ste prijavljeni. Ako nije, obratite se podršci.


Uspeh Internal Link


Uspešno! Sada bi trebalo da vidite FastComments Comment Widget na vašoj stranici.

Čestitamo na podešavanju FastComments sa Squarespace-om! Ako ste naišli na Domain Error, ili želite da saznate kako da prilagodite prostor za komentare, nastavite sa čitanjem!


Prilagođavanje Internal Link

FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite da dodate prilagođeni stil ili podesite konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanju da biste saznali kako.