Як додати ШІ-чатбот Asyntai до Blogger
Покрокова інструкція для сайтів Blogger
Крок 1: Отримайте код для вставки
Спочатку перейдіть до своєї панелі керування Asyntai і прокрутіть вниз до розділу "Код вбудовування". Скопіюйте свій унікальний код вбудовування, який виглядає так:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
Примітка: Код вище є лише прикладом. Ви повинні скопіювати власний унікальний код для вставки з вашої Панелі керування, оскільки він містить ваш особистий ID віджета.
Крок 2: Використання гаджета HTML/JavaScript (Рекомендовано)
Найпростіший спосіб додати чатбот - використати вбудований гаджет HTML/JavaScript Blogger:
- Увійдіть до вашої Панелі керування Blogger на blogger.com
- Оберіть ваш блог зі списку
- Натисніть "Layout" на лівій бічній панелі
- Знайдіть розділ, куди ви хочете додати віджет (бажано нижній колонтитул)
- Натисніть "Add a Gadget"
- Виберіть "HTML/Javascript" у списку гаджетів
- Залишіть назву порожньою (або додайте, якщо бажаєте)
- Вставте ваш код для вставки Asyntai в область вмісту
- Натисніть "Save"
- Натисніть "Save" у правому нижньому куті сторінки Layout
Порада: Додавання гаджета до розділу нижнього колонтитула забезпечує його завантаження на всіх сторінках вашого блогу. Чатбот з'являтиметься як плаваюча кнопка незалежно від того, куди ви розмістите гаджет.
Альтернатива: Редагування HTML теми
Ви також можете додати код безпосередньо до HTML вашої теми:
- Перейдіть до "Theme" на лівій бічній панелі
- Натисніть стрілку вниз (More) поруч із "Customize"
- Оберіть "Edit HTML"
- Натисніть Ctrl+F (або Cmd+F на Mac), щоб відкрити пошук
- Знайдіть
</body> - Вставте ваш код для вставки Asyntai безпосередньо перед тегом
</body> - Натисніть "Save"
Важливо: Під час редагування HTML теми будьте обережні, щоб не видалити й не змінити інший код. Спочатку створіть резервну копію теми: у тому самому меню натисніть "Backup", потім "Download".
Крок 3: Перевірте встановлення
Після збереження змін відвідайте ваш блог у новій вкладці браузера або вікні інкогніто. Ви повинні побачити кнопку віджета чату в правому нижньому куті. Натисніть на неї, щоб переконатися, що вона відкривається та працює правильно.
Не бачите віджет? Blogger може потребувати кілька хвилин для застосування змін. Спробуйте очистити кеш браузера або переглянути у вікні інкогніто. Переконайтеся, що ви натиснули "Save" після додавання гаджета.
Weebly