Add Comments to Squarespace Sites

У цьому розділі ми дізнаємося, як додати живі коментарі до вашого блогу на Squarespace.

Вам потрібно буде додати код лише один раз, і віджет автоматично додаватиметься до будь-яких існуючих публікацій у блозі, а також до будь-яких публікацій у блозі, які ви створите в майбутньому.

Нитки коментарів будуть унікальними для кожної публікації в блозі.

Почнемо з відкриття Pages зліва в Редакторі:

Відкрити Pages

Внизу ви побачите 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.

Вам потрібно буде додати код лише один раз, і віджет автоматично додаватиметься до будь-яких існуючих сторінок, та будь-яких сторінок, які ви створите в майбутньому.

Теми коментарів будуть унікальними для кожної сторінки.

Почнемо з відкриття налаштувань зліва в Редакторі:

Відкрийте налаштування

Унизу ви побачите Developer Tools. Натисніть на нього:

Відкрийте інструменти розробника

Тепер перейдемо до Code Injection:

Відкрийте вставку коду

Тепер ви побачите дві області, куди можна додати код: одна позначена як HEADER і одна позначена як 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 на всіх ваших сторінках.

Вітаємо з налаштуванням FastComments у Squarespace! Якщо ви зіткнулися з Domain Error, або хочете дізнатися, як налаштувати область коментарів, читайте далі!

У цьому розділі ми навчимося додавати живі коментарі на конкретну сторінку вашого сайту Squarespace.

За цим підходом вам доведеться додавати код на кожну сторінку, до якої ви хочете додати віджет коментарів.

Потоки коментарів будуть унікальними для кожної сторінки.

Коли додаєте віджет коментарів на конкретну сторінку, ми маємо трохи більше контролю.

Ми можемо розмістити віджет точно там, де хочемо — саме це ми й зробимо в цьому навчальному посібнику, додавши власний кодовий блок.

Спочатку відкрийте сторінку, на яку хочете додати коментарі, і натисніть редагувати у верхньому лівому куті.

У цьому прикладі ми додамо окремий розділ саме для коментарів, але ви можете додати їх до наявного розділу на сторінці.

Додамо нашу секцію:

Додати секцію

Додамо порожню секцію:

Додати порожню секцію

Ви побачите велику порожню область. Натисніть ADD BLOCK у верхньому лівому куті:

Додати блок

Прокрутіть вниз, поки не знайдете опцію 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

Воно має виглядати так:

Вставте та збережіть

Тепер натисніть Зберегти у верхньому правому куті.

Зауважте, що опція Preview in Safe Mode не працюватиме, але віджет з'явиться, коли ви відвідаєте свій сайт.

Якщо у вас виникають проблеми, переконайтеся, що ближче до низу не вказано "tenantId": "demo". Має відображатися ваш tenant id, якщо ви ввійшли в систему. Якщо ні — зверніться до служби підтримки.

Успіх! Тепер ви повинні бачити віджет коментарів FastComments на своїй сторінці.

Вітаємо з налаштуванням FastComments для Squarespace! Якщо у вас виникла помилка домену або ви хочете дізнатися, як налаштувати область коментарів, читайте далі!

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

Якщо ви хочете додати власні стилі або змінити конфігурацію, Перегляньте нашу документацію з налаштувань та конфігурації, щоб дізнатися, як.