FastComments.com

Add Comments to Squarespace Sites

Sa FastComments-om možemo lako dodati komentare uživo na bilo koji Squarespace sajt.

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

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

Imajte na umu da ovaj vodič zahteva FastComments nalog. Preporučuje se da se prvo registrujete, pa se zatim vratite ovdje. Možete kreirati nalog ovdje.


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


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

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

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


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

Почећемо тако што ћемо у Едитору на лијевој страни отворити Pages:

Отворите Pages
Отворите Pages

На дну бисте требали видјети 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'; // ваш ID налога
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

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

Успјешно!
Успјешно!

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

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

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

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

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

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

Почећемо отварањем Подешавања на левој страни у Уређивачу:

Отворите Подешавања
Отворите Подешавања

На дну би требало да видите Developer Tools. Кликните на то:

Отворите Developer Tools
Отворите Developer Tools

Сада ћемо отићи на Code Injection:

Отворите Code Injection
Отворите Code Injection

Сада би требало да видите двије области у које можемо додати код, једну означену као HEADER и једну означену као FOOTER. Наш код ћемо додати у област FOOTER:

Празна област FOOTER
Празна област FOOTER

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

Корак 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 // покушајте да учитате за различите распореде
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

...затим налепите у област за код и кликните сачувај. Требало би да изгледа овако, са кодом у блоку FOOTER:

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

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

Успешно Internal Link


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

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


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

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

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

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

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

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

Paste and Save
Paste and Save

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

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

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

Успешно Internal Link


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

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


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


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

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