FastComments.com

Add Comments to Squarespace Sites


Са FastComments можемо лако додати коментарисање уживо на било који Squarespace сајт.

Упутства у наставку подијељена су у три секције, у зависности од тога шта желите да урадите:

  1. Додавање коментара на Squarespace објаве на блогу
  2. Додавање коментара на све странице
  3. Додавање коментара на одређену страницу

Имајте на уму да овај водич захтијева FastComments налог. Препоручује се да се прво региструјете, па се онда вратите овдје. Можете креирати налог овдје.


Додавање живих коментара на ваш блог Internal Link


У овој секцији ћемо научити како додати коментарисање уживо на ваш Squarespace блог.

Потребно је да код додате само једном и видџет ће се аутоматски додати на све постојеће блог постове, и све блог постове које креирате у будућности.

Нитови коментара ће бити јединствени за сваки блог пост.


Корак 1: Отворите подешавања блога Internal Link

Почећемо тако што ћемо отворити Странице на лијевој страни, у Уређивачу:

Отворите Странице
Отворите Странице

На дну требало би да видите Blog са иконом зупчаника с десне стране. Кликните на зупчаник да отворите поставке блога:

Отворите поставке блога
Отворите поставке блога

Сада ћемо отићи на Advanced, а затим Post Blog Item Code Injection:

Отворите поставку кода ставке блога
Отворите поставку кода ставке блога

Требало би да видите празан простор за код као на слици:

Празан простор за код
Празан простор за код

Корак 2: Залепите код са FastComments.com Internal Link


Сада можемо копирати следећи исечак кода (користите дугме за копирање у горњем десном углу исечка):

Squarespace код за коментаре на блогу
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'; // ваш идентификатор налога
7
8 function tryLoad() {
9 // покушај учитавања за различите распореде
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

...затим налепите у поље за код и кликните сачувај:

Налепите и сачувајте
Налепите и сачувајте

Успјешно Internal Link

Uspješno! Sada biste trebali vidjeti FastComments Comment Widget na svim vašim blog objavama.

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!

Додавање живих коментара на све странице Internal Link


U ovom odjeljku naučit ćemo kako dodati komentarisanje uživo na sve stranice vašeg Squarespace sajta.

Kod morate dodati samo jednom i widget će automatski biti dodat na sve postojeće stranice, i na sve stranice koje budete kreirali u budućnosti.

Nitovi komentara će biti jedinstveni za svaku stranicu.


Корак 1: Отворите алате за програмере Internal Link

Počećemo tako što ćemo otvoriti Postavke (Settings) na lijevoj strani editora:

Otvorite Postavke
Otvorite Postavke

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

Otvorite Developer Tools
Otvorite Developer Tools

Sada ćemo otići na Code Injection:

Otvorite Code Injection
Otvorite Code Injection

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

Prazno područje podnožja
Prazno područje podnožja

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

Корак 2: Залепите код са FastComments.com Internal Link


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

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

Squarespace Kod za komentare na svim stranicama
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

...then paste in the code area and click save. It should look like this, with the code in the FOOTER block:

Zalijepi i sačuvaj
Zalijepi i sačuvaj

If you're having issues, make sure near the bottom it doesn't say "tenantId": "demo". It should show your tenant id if you are logged in. If not, reach out to support.


Успјешно Internal Link


Успешно! Сада би требало да видите FastComments Comment Widget на свим вашим страницама.

Честитамо на подешавању FastComments-а са Squarespace-ом! Ако сте наишли на Domain Error, или желите да сазнате како да прилагодите област коментара, наставите са читањем!

Додавање живог коментара на одређену страницу Internal Link

У овом одељку ћемо научити како додати коментарисање уживо на одређену страницу вашег Squarespace сајта.

Са овим приступом мораћете додати код на сваку страницу на коју желите поставити widget за коментаре.

Нити коментара ће бити јединствене за сваку страницу.

Корак 1: Додајте блок кода Internal Link

Када додамо коментарни видгет на одређену страницу, имамо мало више контроле.

Можемо додати видгет тачно тамо гдје желимо, што ћемо урадити у овом туторијалу, додавањем прилагођеног блока кода.

Прво отворите страницу на коју желите додати коментаре и кликните уређивање у горњем лијевом углу.

У овом примјеру ћемо додати одељак посебно за коментаре, али их можете додати и у постојећи одељак на страници.

Додајмо наш одељак:

Додај одељак
Додај одељак

Додаћемо празан одељак:

Додај празан одељак
Додај празан одељак

Видећете да је додато велико празно подручје. Кликните на ADD BLOCK у горњем лијевом углу:

Додај блок
Додај блок

Померите се доле док не пронађете опцију Code и кликните на њу:

Изаберите Code видгет
Изаберите Code видгет

Поставите свој блок кода тамо гдје бисте желели да буде позициониран коментарни видгет:

Позиција
Позиција

Уредите блок кода:

Уреди блок кода
Уреди блок кода

У наредном кораку ћемо копирати наш код и додати га.

Корак 2: Залепите код са FastComments.com Internal Link

Сад можемо копирати сљедећи исјечак кода. Користите дугме за копирање које се појави у горњем десном углу исјечка.

Постоји неколико ствари које можете конфигурисати у коду, погледајте линије 4 до 7.

Squarespace код за појединачну страницу
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 налога
7
8 function tryLoad() {
9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
10 tenantId
11 });
12 }
13
14 tryLoad();
15 })();
16</script>
17
18

Требало би да изгледа овако:

Залепи и сачувај
Залепи и сачувај

Сада кликните Сачувај у горњем десном углу.

Имајте на уму да опција Preview in Safe Mode неће радити, али видгет ће се појавити када посетите ваш сајт.

Ако имате проблема, провјерите да ли при дну не пише "tenantId": "demo". Требало би да буде приказан ваш tenant id ако сте пријављени. Ако није, обратите се подршци.

Успјешно Internal Link


Успешно! Сада би требало да видите FastComments Comment Widget на вашој страници.

Честитамо што сте подесили FastComments са Squarespace-ом! Ако сте наишли на Domain Error, или желите да сазнате како прилагодити област за коментаре, прочитајте даље!

Прилагођавање Internal Link


FastComments је дизајниран да се може прилагодити како би одговарао вашем сајту.

Ако желите додати прилагођени стил или подесити конфигурацију, Погледајте нашу документацију о прилагођавањима да бисте сазнали како.