Add Comments to Squarespace Sites

В тази секция ще научим как да добавим живи коментари към вашия блог в Squarespace.

Ще трябва да добавите кода само веднъж и джаджата автоматично ще се добави към всички съществуващи публикации в блога, и към всички публикации в блога, които създадете в бъдеще.

Веригите с коментари ще бъдат уникални за всяка публикация в блога.

Ще започнем, като отворим Страници вляво в редактора:

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

В долната част трябва да видите Blog с иконка на зъбно колело вдясно. Кликнете върху зъбното колело, за да отворите настройките на блога:

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

Сега ще отидем в Advanced и след това в Post Blog Item Code Injection:

Отворете настройката за код на елемент от блога

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

Празно поле за код

Сега можем да копираме следния фрагмент от код (използвайте бутона за копиране в горния десен ъгъл на фрагмента):

Код за коментари в блога на Squarespace

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

...след това поставете в областта за код и щракнете върху Запази:

Поставете и запазете

Успех! Сега трябва да видите FastComments Comment Widget на всички ваши публикации в блога.

Успех!

Поздравления за настройването на FastComments в Squarespace! Ако сте срещнали Domain Error, или бихте искали да научите как да персонализирате секцията за коментари, продължете да четете!

В този раздел ще научим как да добавим коментари в реално време към всички страници на вашия сайт в Squarespace.

Ще трябва да добавите кода само веднъж и уиджът автоматично ще бъде добавен към всички вече съществуващи страници, и към всички страници, които създадете в бъдеще.

Нишките с коментари ще бъдат уникални за всяка страница.

Ще започнем, като отворим Settings вляво, в Editor:

Отворете Settings

В долната част трябва да видите Developer Tools. Кликнете върху него:

Отворете Developer Tools

Сега ще отидем в Code Injection:

Отворете Code Injection

Сега трябва да видите две области, където можем да добавим код, една обозначена като HEADER и една обозначена като FOOTER. Ще добавим нашия код в областта FOOTER:

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

В следващата стъпка ще копираме нашия код и ще го добавим.

Сега можем да копираме следния фрагмент от код. Използвайте бутона за копиране, който се появява в горния десен ъгъл на фрагмента.

Има няколко неща, които можете да конфигурирате в кода, вижте редове 4 до 7.

Squarespace Код за коментари на всички страници

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, ако сте влезли. Ако не, свържете се с поддръжката.

Успешно! Сега трябва да виждате FastComments Comment Widget на всички ваши страници.

Поздравления за настройването на FastComments в Squarespace! Ако сте срещнали Domain Error, или бихте искали да научите как да персонализирате областта за коментари, продължете да четете!

В този раздел ще научите как да добавите функция за живо коментиране към конкретна страница на вашия сайт в Squarespace.

С този подход ще трябва да добавите кода към всяка страница, в която искате да вградите коментарния уиджет.

Нишките на коментарите ще бъдат уникални за всяка страница.

Когато добавяте джаджата за коментари към конкретна страница, имаме малко повече контрол.

Можем да добавим джаджата точно там, където искаме, което ще направим в този урок, като добавим персонализиран кодов блок.

Първо отворете страницата, към която искате да добавите коментари, и кликнете върху редактиране в горния ляв ъгъл.

В този пример ще добавим секция специално за коментари, но можете да ги добавите и в съществуваща секция на страницата.

Нека добавим нашата секция:

Добавяне на секция

Ще добавим празна секция:

Добавяне на празна секция

Ще видите добавена голяма празна област. Кликнете върху ADD BLOCK в горния ляв ъгъл:

Добавяне на блок

Превъртете надолу, докато намерите опцията Code и кликнете върху нея:

Изберете Code джаджа

Позиционирайте своя кодов блок така, както искате да бъде позиционирана и джаджата за коментари:

Позиция

Редактирайте кодовия блок:

Редактирайте кодовия блок

В следващата стъпка ще копираме нашия код и ще го добавим.

Сега можем да копираме следния фрагмент от код. Използвайте бутона за копиране, който се появява в горния десен ъгъл на фрагмента.

Има няколко неща, които можете да конфигурирате в кода, вижте редове 4 до 7.

Squarespace код за една страница

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

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

Поставете и запазете

Сега кликнете върху бутона Save в горния десен ъгъл.

Имайте предвид, че опцията Preview in Safe Mode няма да работи, но уиджетът ще се появи, когато посетите сайта си.

Ако имате проблеми, уверете се, че към дъното не пише "tenantId": "demo". Трябва да показва вашия tenant id, ако сте влезли в профила си. Ако не, свържете се с екипа за поддръжка.

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

Поздравления за настройването на FastComments със Squarespace! Ако сте получили Domain Error, или бихте искали да научите как да персонализирате секцията за коментари, продължете да четете!

FastComments е проектиран да бъде персонализиран, за да съответства на вашия сайт.

Ако искате да добавите персонализирани стилове или да коригирате конфигурацията, Прегледайте документацията ни за персонализиране, за да научите как.