Додати коментарі до сайтів Weebly

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

Коли все готово, відкрийте редактор Weebly і натисніть Settings угорі.

Відкрити налаштування

Тепер відкриємо налаштування нашого блогу, перейшовши до Blog ліворуч:

Відкрити налаштування блогу

Тепер нам потрібно вимкнути стандартну систему коментування Weebly, яку ми замінимо.

Примітка якщо ви хочете перенести наявні коментарі з вашого сайту Weebly до FastComments, ваш представник підтримки може допомогти з цим перенесенням.

Тепер встановимо Commenting system на Default, а Comment Default на Closed:

Вимкнути стандартну систему

Далі нам лише потрібно додати код віджета FastComments.com!

Щоб інтеграція Weebly і FastComments працювала правильно, нам потрібно додати два невеликих фрагменти коду.

Перший фрагмент приховує повідомлення Weebly «Коментарі закрито», а другий — завантажує 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 розроблено так, щоб його можна було налаштувати під ваш сайт.

Якщо ви хочете додати власні стилі або змінити конфігурацію, Перегляньте нашу документацію з налаштувань і конфігурації щоб дізнатися як.