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 на всех ваших публикациях блога.

Готово!

Поздравляем с настройкой FastComments в Squarespace! Если вы столкнулись с Domain Error, или хотите узнать, как настроить область комментариев, читайте дальше!

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

Вам нужно будет добавить код только один раз, и виджет автоматически добавится ко всем существующим страницам, и ко всем страницам, которые вы создадите в будущем.

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

Начнём с открытия Settings слева, в редакторе:

Открыть 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

Это должно выглядеть так:

Вставьте и сохраните

Теперь нажмите «Сохранить» в правом верхнем углу.

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

Если у вас возникают проблемы, убедитесь, что внизу не указано "tenantId": "demo". Должен отображаться ваш tenant id, если вы вошли в систему. Если нет — обратитесь в службу поддержки.

Готово! Теперь вы должны видеть FastComments Comment Widget на вашей странице.

Поздравляем с настройкой FastComments на Squarespace! Если вы столкнулись с Domain Error, или хотите узнать, как настроить область комментариев, читайте дальше!

FastComments разработан так, чтобы его можно было настроить под ваш сайт.

Если вы хотите добавить пользовательские стили или изменить конфигурацию, Ознакомьтесь с нашей документацией по настройке, чтобы узнать, как.