Add Live Commenting to Hostinger Sites

По-перше, зауважте, що цей підручник стосується лише Hostinger Website Builder.

Якщо ви використовуєте Hostinger з WordPress, ви можете просто встановити наш плагін для WordPress який має власні інструкції.

Далі цей підручник міститиме інструкції для Website Builder.

Крок 1: Додати віджет коду

Спочатку відкрийте свій сайт у конструкторі сайтів.

Якщо у вас ще немає секції, куди ви хочете додати коментарі, додайте порожню секцію:

Додавання секції

Тепер додайте віджет 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 має бути додано систему коментування в реальному часі.

Успіх

Якщо ви зіткнулися з помилкою 'permission denied', або хочете налаштувати 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: Додати код

Примітка!

Успішно

Помилки домену сайту

Налаштування сайту

Плаваюча кнопка вподобань

Примітка!