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) { // remove show comments button

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 разработан так, чтобы его можно было настроить в соответствии с вашим сайтом.

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