Добавить комментарии на сайты Squarespace

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

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

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

Начнем с открытия Pages в левой части Editor:

Откройте 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. Если нет, обратитесь в поддержку.

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

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

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

С этим подходом вам придется добавить код на каждую страницу, на которую вы хотите вставить виджет комментариев.

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

Когда вы добавляете виджет комментариев на конкретную страницу, у вас появляется чуть больше контроля.

Мы можем разместить виджет именно там, где хотим — именно это мы и сделаем в этом руководстве, добавив пользовательский блок кода.

Сначала откройте страницу, на которую хотите добавить комментарии, и нажмите Edit в верхнем левом углу.

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

Добавим наш раздел:

Добавить раздел

Добавим пустой раздел:

Добавить пустой раздел

Вы увидите добавленную большую пустую область. Нажмите ADD BLOCK в верхнем левом углу:

Добавить блок

Прокрутите вниз, пока не найдете опцию Code, и нажмите на нее:

Выберите виджет Code

Расположите блок кода так, как вы хотите, чтобы располагался виджет комментариев:

Расположение

Отредактируйте блок кода:

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

На следующем шаге мы скопируем наш код и добавим его.

Теперь мы можем скопировать следующий фрагмент кода. Используйте кнопку копирования, которая появляется в правом верхнем углу фрагмента.

Есть несколько параметров, которые вы можете настроить в коде — смотрите строки 4–7.

Код для отдельной страницы Squarespace

Copy

1

2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: 'demo' // ваш идентификатор аккаунта

8 }];

9</script>

10

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

Paste and Save

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

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

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

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

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

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

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