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 в нижнем левом углу редактора сайта:

Откройте 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>

...и вставьте его, как показано:

Вставьте и сохраните

Шаг 3: Опубликуйте

Теперь нам осталось только опубликовать сайт — и всё готово.

Вернитесь в редактор содержимого, нажав Content в верхнем левом углу:

Вернитесь к содержимому

Теперь можно опубликовать!

Опубликовать!

Вот и всё! FastComments должен быть активен на вашем сайте. Вы увидите нечто похожее на это:

Готово!

Готово

Отличная работа! Вы добавили возможность живых комментариев на свой сайт Ionos.

Если вы столкнулись с ошибкой «permission denied», или хотите настроить FastComments, читайте дальше.

Ошибки домена

Возможно, вы получите ошибку авторизации, например:

Конфигурация домена отсутствует

Это происходит потому, что FastComments не знает, что ваш аккаунт должен быть разрешён для использования на этом домене.

В этом случае решение простое. Вам нужно просто добавить ваш сайт в аккаунт FastComments.com.

Перейдите сюда, чтобы добавить ваш сайт в аккаунт.

Теперь на вашем сайте Ionos должна появиться быстрая, работающая в реальном времени система комментариев!

Настройка

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

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

Язык 🇷🇺 Русский