FastComments.com

Add Comments to Squarespace Sites

S FastComments možemo jednostavno dodati komentare uživo na bilo koju Squarespace stranicu.

Upute u nastavku podijeljene su u tri odjeljka, ovisno o tome što želite napraviti:

  1. Dodajte komentare na Squarespace blog objave
  2. Dodajte komentare na sve stranice
  3. Dodajte komentare na određenu stranicu

Imajte na umu da ovaj vodič zahtijeva FastComments račun. Preporučujemo da se prvo registrirate, a zatim se vratite ovdje. Možete otvoriti račun ovdje.


Dodavanje komentiranja uživo na vaš blog Internal Link

U ovom odjeljku naučit ćemo kako dodati komentiranje uživo na vaš Squarespace blog.

Kod morate dodati samo jednom, a widget će se automatski dodati u sve postojeće objave na blogu, i sve objave na blogu koje stvorite u budućnosti.

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

Korak 1: Otvorite postavke bloga Internal Link

Počet ćemo tako da otvorimo Stranice na lijevoj strani u Uređivaču:

Otvorite Stranice
Otvorite Stranice

U dnu biste trebali vidjeti Blog s ikonom zupčanika s desne strane. Kliknite zupčanik da otvorite postavke bloga:

Otvorite Postavke Bloga
Otvorite Postavke Bloga

Sada idemo na Advanced, a zatim na Post Blog Item Code Injection:

Otvorite Postavke Koda Stavke Bloga
Otvorite Postavke Koda Stavke Bloga

Trebali biste vidjeti prazan prostor za kod kao u nastavku:

Prazno Područje Koda
Prazno Područje Koda

Korak 2: Zalijepite svoj FastComments.com kod Internal Link

Sada možemo kopirati sljedeći isječak koda (upotrijebite gumb za kopiranje u gornjem desnom kutu isječka):

Kod komentara za Squarespace blog
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'; // id vašeg računa
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 zalijepite u područje koda i kliknite spremi:

Zalijepi i spremi
Zalijepi i spremi

Uspješno Internal Link

Uspješno! Sada biste trebali vidjeti FastComments Comment Widget na svim svojim objavama na blogu.

Uspješno!
Uspješno!

Čestitamo na postavljanju FastComments na Squarespace! Ako ste naišli na Domain Error ili želite naučiti kako prilagoditi područje komentara, nastavite čitati!


Dodavanje komentiranja uživo na sve stranice Internal Link

U ovom odjeljku naučit ćemo kako dodati komentare uživo na sve stranice vaše Squarespace web-lokacije.

Morat ćete dodati kod samo jednom, a widget će se automatski dodati na sve postojeće stranice, i na sve stranice koje kreirate u budućnosti.

Niti komentara bit će jedinstvene za svaku stranicu.

Korak 1: Otvorite alate za razvojne programere Internal Link

Počet ćemo otvaranjem Postavki na lijevoj strani, u Uređivaču:

Otvorite Postavke
Open Settings

Na dnu biste trebali vidjeti Developer Tools. Kliknite na to:

Otvorite Alate za programere
Open Developer Tools

Sada ćemo otići na Code Injection:

Otvorite Umetanje koda
Open Code Injection

Sada biste trebali vidjeti dva područja u koja možemo dodati kod, jedno označeno HEADER i jedno označeno FOOTER. Naše ćemo dodavati kod u područje FOOTER:

Prazno područje podnožja
Empty Footer Area

U sljedećem koraku kopirat ćemo naš kod i dodati ga.

Korak 2: Zalijepite svoj FastComments.com kod Internal Link

Sada možemo kopirati sljedeći isječak koda. Koristite gumb za kopiranje koji se pojavljuje u gornjem desnom kutu isječka.

Postoji nekoliko stvari koje možete konfigurirati u kodu, pogledajte retke 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 računa
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 zalijepite u područje koda i kliknite Spremi. Trebalo bi izgledati ovako, s kodom u bloku FOOTER:

Zalijepi i spremi
Zalijepi i spremi

Ako imate poteškoća, provjerite da pri dnu ne piše "tenantId": "demo". Trebalo bi prikazati vaš tenant id ako ste prijavljeni. Ako nije, obratite se podršci.

Uspješno Internal Link

Uspjeh! Sada biste trebali vidjeti FastComments Comment Widget na svim vašim stranicama.

Čestitamo na postavljanju FastCommentsa sa Squarespaceom! Ako ste naišli na Domain Error, ili želite naučiti kako prilagoditi područje za komentare, nastavite čitati!

Dodavanje komentiranja uživo na određenu stranicu Internal Link


U ovom odjeljku naučit ćemo kako dodati komentiranje uživo na određenu stranicu vašeg Squarespace web-mjesta.

S ovim pristupom morat ćete dodati kôd na svaku stranicu na koju želite dodati widget komentara.

Niti komentara bit će jedinstvene za svaku stranicu.


Korak 1: Dodajte blok koda Internal Link

Kada dodajete widget za komentare na određenu stranicu, imamo malo više kontrole.

Widget možemo dodati točno tamo gdje želimo, što ćemo učiniti u ovom vodiču, dodavanjem prilagođenog bloka koda.

Prvo otvorite stranicu na koju želite dodati komentare i kliknite Uredi u gornjem lijevom kutu.

U ovom primjeru dodati ćemo odjeljak posebno za komentare, ali ih možete dodati u postojeći odjeljak na stranici.

Dodajmo naš odjeljak:

Dodaj odjeljak
Dodaj odjeljak

Dodati ćemo prazan odjeljak:

Dodaj prazan odjeljak
Dodaj prazan odjeljak

Pojavit će se velika prazna površina. Kliknite ADD BLOCK u gornjem lijevom kutu:

Dodaj blok
Dodaj blok

Pomaknite se dolje dok ne pronađete opciju Code i kliknite je:

Odaberite Code widget
Odaberite Code widget

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

Pozicija
Pozicija

Uredite blok koda:

Uredite blok koda
Uredite blok koda

U sljedećem koraku kopirat ćemo naš kod i dodati ga.

Korak 2: Zalijepite svoj FastComments.com kod Internal Link

Sada možemo kopirati sljedeći isječak koda. Upotrijebite gumb za kopiranje koji se pojavljuje u gornjem desnom kutu isječka.

Postoji nekoliko stvari koje možete konfigurirati u kodu; pogledajte redove 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 računa
7
8 function tryLoad() {
9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
10 tenantId
11 });
12 }
13
14 tryLoad();
15 })();
16</script>
17
18

Trebao bi izgledati ovako:

Zalijepite i spremite
Zalijepite i spremite

Sada kliknite Spremi u gornjem desnom kutu.

Imajte na umu da opcija Preview in Safe Mode neće raditi, ali widget će se pojaviti kada posjetite svoju stranicu.

Ako imate problema, provjerite da pri dnu ne piše "tenantId": "demo". Trebalo bi prikazati vaš tenant id ako ste prijavljeni. Ako nije, obratite se podršci.


Uspješno Internal Link


Uspješno! Sada biste trebali vidjeti FastComments Comment Widget na svojoj stranici.

Čestitamo na postavljanju FastComments sa Squarespace! Ako ste naišli na Domain Error, ili želite saznati kako prilagoditi područje za komentare, nastavite čitati!


Prilagodba Internal Link


FastComments je osmišljen da se može prilagoditi kako bi odgovarao vašoj stranici.

Ako želite dodati prilagođene stilove ili podesiti konfiguraciju, Pogledajte našu dokumentaciju o prilagodbama da biste saznali kako.