Add Comments to Weebly Sites

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

Когда будете готовы, откройте редактор Weebly и нажмите Settings в верхней части.

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

Теперь откроем настройки блога, выбрав Blog слева:

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

Теперь нам нужно отключить стандартную систему комментариев Weebly, которую мы заменим.

Примечание: если вы хотите перенести существующие комментарии с вашего сайта Weebly в FastComments, представитель службы поддержки может помочь с этой миграцией.

Теперь установим Commenting system в значение Default, а Comment Default — в Closed:

Отключить систему по умолчанию

Далее нам остаётся только добавить код виджета FastComments.com!

Чтобы интеграция Weebly и FastComments работала корректно, нужно добавить два небольших фрагмента кода.

Первый фрагмент скрывает сообщение Weebly «Comments are Closed», а второй — непосредственно загружает FastComments.

Сначала скопируйте этот небольшой фрагмент кода:

Фрагмент кода заголовка FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Затем, на той же странице настроек из Step One, нажмите + рядом с Post header code.

Открыть код заголовка записи

Вы увидите, что открылось текстовое поле, похожее на это:

Код заголовка записи открыт

Теперь вставим наш фрагмент кода:

Фрагмент кода заголовка вставлен

Далее — код в футере для включения FastComments. Нажмите плюс рядом с Post footer code:

Открыть код футера записи

Скопируйте этот фрагмент кода, который разработан специально для Weebly:

Фрагмент кода футера FastComments

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 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // удалить кнопку показа комментариев

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Теперь вставим код футера:

Код футера записи добавлен

Готово!

Теперь осталось только сохранить изменения и опубликовать наш сайт!

Сохранить и опубликовать

Успех! Если вы откроете свой сайт, у вас теперь должен быть включен FastComments Live Commenting:

Успех

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

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