Add Live Commenting to Hostinger Sites

Сначала обратите внимание, что этот учебник относится только к конструктору сайтов Hostinger.

Если вы используете Hostinger с WordPress, вы можете просто установить наш плагин для WordPress у которого есть собственные инструкции.

Далее в этом руководстве приведены инструкции для конструктора сайтов.

Шаг 1: Добавьте виджет с кодом

Сначала откройте ваш сайт в Website Builder.

Если у вас ещё нет секции, куда вы хотите поместить комментарии, добавьте пустую секцию:

Добавление секции

Теперь добавьте виджет Hostinger Embed, щёлкнув по нашей новой секции и нажав вверху Add element, а затем Embed code:

Код для встраивания

Вы увидите примерно следующее:

Секция с кодом добавлена

Теперь мы готовы к Step 2.

Шаг 2: Добавьте код

Теперь давайте добавим код нашего виджета.

Скопируйте код ниже. Убедитесь, что вы вошли в систему на fastcomments.com и перезагрузите эту страницу, если нет — так код будет предварительно заполнен информацией вашего аккаунта, в противном случае будет показан демонстрационный код.

Теперь скопируем код:

Код комментариев Hostinger

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    });
</script>

Теперь вернёмся к нашему конструктору сайта и нажмём Enter code:

Вставить код

Примечание!

Важно использовать указанный выше код, а не фрагменты из другой документации, поскольку этот фрагмент специально подготовлен для Hostinger.

Теперь у вас должно быть что-то похожее на следующее, что выглядит пустым. Это ожидаемо. Наведите курсор мыши на область, где должен отображаться виджет:

Виджет добавлен

Теперь перетащите виджет до нужного размера, вы увидите, как он появится:

Измените размер

...а теперь просмотрите и сохраните!

Успешно

Готово! Теперь на ваш сайт Hostinger добавлены комментарии в реальном времени.

Успех

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

Ошибки домена сайта

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

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

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

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

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

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

Настройка сайта

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

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

Плавающая кнопка лайков

FastComments также поддерживает виджет Page Reacts (также известный как плавающая кнопка «Нравится») для Hostinger.

Вы можете увидеть его в действии в правом нижнем углу этой страницы!

Примечание!

Эти инструкции предназначены для конструктора сайтов Hostinger. Если вы используете Hostinger WordPress, просто возьмите код ниже и добавьте его на ваш сайт WordPress с помощью WPCode, это бесплатный и простой плагин для добавления небольших фрагментов кода на сайт.

Сначала скопируйте код:

Код плавающих лайков Hostinger

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

Затем в Hostinger откройте конструктор сайта.
Перейдите в «Настройки сайта» в левом нижнем углу.
Выберите «Интеграции».
Добавьте новый код в конец поля Custom code, и опубликуйте сайт.
В режиме предварительного просмотра виджет не будет виден, но он появится в опубликованной версии сайта.

Установка на Hostinger

Плавающие лайки для Hostinger

Add Live Commenting to Hostinger Sites

Шаг 1: Добавьте виджет с кодом

Шаг 2: Добавьте код

Примечание!

Успешно

Ошибки домена сайта

Настройка сайта

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

Плавающая кнопка лайков

Примечание!

Язык 🇺🇦 Русский (Украина)

Установка на Hostinger

Плавающие лайки для Hostinger

Add Live Commenting to Hostinger Sites

Шаг 1: Добавьте виджет с кодом

Шаг 2: Добавьте код

Примечание!

Успешно

Ошибки домена сайта

Настройка сайта

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

Плавающая кнопка лайков

Примечание!