Add Comments to Squarespace Sites

В этом разделе мы узнаем, как добавить живые комментарии в ваш блог на 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

...then paste in the code area and click save:

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

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

Готово!

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

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

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

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

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

Открыть настройки

Внизу вы увидите Developer Tools. Нажмите на него:

Открыть инструменты разработчика

Теперь перейдём к Code Injection:

Открыть вставку кода

Теперь вы увидите две области, куда можно добавить код: одна с меткой HEADER и одна с меткой FOOTER. Мы добавим наш код в область FOOTER:

Пустая область футера

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

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

There are a few things you can configure in the code, see lines 4 through 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

...then paste in the code area and click save. It should look like this, with the code in the FOOTER block:

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

If you're having issues, make sure near the bottom it doesn't say "tenantId": "demo". It should show your tenant id if you are logged in. If not, reach out to support.

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы увидите добавленную большую пустую область. Нажмите 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

It should look like this:

Paste and Save

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

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

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

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

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

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

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