Add Comments to Ionos Sites

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

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

Крок 1: Додайте контактну форму

Спочатку ми додамо контактну форму, яку замінить FastComments.

Для цього відкрийте редактор сайту й натисніть Add Section на потрібній сторінці.

Далі зліва перейдіть до Content -> Contact -> Contact Form, як показано:

Додати контактну форму

Далі потрібно повідомити FastComments, щоб він замінив нашу форму. Натисніть на назву стандартної форми:

Встановити назву форми

Ми встановимо назву FastComments Goes Here. Дуже важливо, щоб регістр і пробіли були такими ж, інакше це не спрацює, тому радимо скопіювати цей текст і вставити його.

Коли закінчите, це має виглядати так:

Готово — назву встановлено

Це кінець першого кроку!

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

Далі ми додамо код віджета FastComments на ваш сайт. Цей код шукатиме всі форми з заголовком FastComments Goes Here і замінить їх на FastComments.

Тож перейдіть до Settings у нижньому лівому куті редактора сайту:

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

Відкрийте розділ Custom Head Code:

Відкрийте розділ Custom Head Code

Для Ionos нам потрібна спеціальна версія коду віджета FastComments. Фрагменти коду з інших підручників не будуть працювати.

Тепер скопіюйте наступний код:

Фрагмент FastComments для Ionos

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            const nodes = document.querySelectorAll('h2');
            nodes.forEach(function (node) {
                if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
                    // отримуємо елемент, який не займає повної ширини
                    const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
                    target.innerHTML = '';
                    FastCommentsUI(target, {
                        tenantId: "demo"
                    });
                    interval && clearInterval(interval);
                    loaded = true;
                }
            });
        }
        attemptLoad();
        if (!loaded) {
            interval = setInterval(attemptLoad, 300);
        }
    })();
</script>