Add Comments to Weebly Sites

За допомогою FastComments ми можемо легко додати живі коментарі на будь-який сайт Weebly.

Інструкції нижче призначені для блогу, створеного на Weebly. Для інших типів сайтів ми із задоволенням допоможемо — просто зв'яжіться з нашою службою підтримки.

Зауважте, що цей посібник вимагає облікового запису FastComments. Рекомендується спочатку зареєструватися, а потім повернутися сюди. Ви можете створити обліковий запис тут.

Крок 1: Відкрийте налаштування блогу

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

Once ready, we can go ahead and open the Weebly editor, and click Settings at the top.

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

Now let's open the settings for our blog by going to Blog on the left:

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

Now what we need to do is disable the default Weebly comment system, which we will replace.

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

Now let's set the Commenting system to Default and Comment Default to Closed:

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

Next we just have to add the FastComments.com widget code!

Крок 2: Додайте код FastComments.com

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

Перший фрагмент приховує повідомлення Weebly «Коментарі закрито», а другий — завантажує FastComments.

Спочатку скопіюйте цей невеликий фрагмент коду:

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

Copy

<style>
    #comments {
        display: none;
    }
    #commentArea:not(.loaded) {
        display: none;
    }
    #commentArea.loaded {
        display: block !important;
    }
</style>

Потім, на тій самій сторінці налаштувань з Step One, натисніть + поруч із Post header code.

Відкрити код заголовка допису

Ви побачите, що відкрився текстовий блок, схожий на цей:

Відкрито код заголовка допису

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

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

Далі додається код футера, щоб увімкнути FastComments. Натисніть на плюс поруч із Post footer code:

Відкрити код футера допису

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

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

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            if (loaded) {
                clearInterval(interval);
                return;
            }
            const comments = document.getElementById('comments');
            if (comments) { // видалити кнопку показу коментарів
                comments.remove();
            }
            const commentArea = document.getElementById('commentArea');
            if (!commentArea) {
                return;
            }
            commentArea.innerHTML = '';
            commentArea.classList.add('loaded');
            FastCommentsUI(commentArea, {
                tenantId: "demo",
                urlId: window.location.pathname
            });
            loaded = true;
            clearInterval(interval);
        }
        attemptLoad();
        interval = setInterval(attemptLoad, 300);
    })();
</script>