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'; // ваш 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. Кликните на ово:

Отворите Алатке за програмере
Отворите Алатке за програмере

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

Отворите Уметање кода
Отворите Уметање кода

Сада бисте требали видети две области у које можемо додати код, једну означену као HEADER и једну означену као 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'; // ваш идентификатор налога
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

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

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

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

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

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

Успешно Internal Link

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

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

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


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

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