Як додати AI чат-бот Asyntai до Google Sites

Покрокова інструкція для Google Sites

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

<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>

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Додавання коду за допомогою функції вбудовування

Google Sites використовує функцiю вбудовування для додавання власного HTML та JavaScript коду:

На комп'ютері відкрийте свій сайт у Google Sites
Перейдіть на сторінку, де ви хочете додати чатбот
Натиснiть "Insert" на правiй бiчнiй панелi (або з верхнього меню)
Виберіть "Embed" з варіантів
Натисніть вкладку "Embed code" зверху
Вставте код вбудовування Asyntai у текстове поле
Натисніть "Next", щоб переглянути, як це виглядатиме
Натисніть "Insert", щоб додати код на сторінку
Натиснiть "Publish" у верхньому правому кутi, щоб змiни стали активними

Порада: Google Sites обгортає вбудовування в iframe, тому чат-бот з'явиться всерединi областi вбудовування, а не фiксовано в кутi браузера. Для найкращого досвiду розмiстiть елемент вбудовування в самому низу контенту сторiнки, щоб кнопку чат-бота було легко знайти.

Додавання на кілька сторінок

Щоб додати чат-бот на кілька сторінок вашого Google Site:

Повторіть процес вбудовування для кожної сторінки, де ви хочете чат-бот
Як альтернативу, додайте вбудовування до роздiлу header або footer, якщо ваш шаблон це пiдтримує
Для сайтiв з багатьма сторiнками розгляньте можливiсть додавання спочатку на основнi цiльовi сторiнки

Примітка: На вiдмiну вiд деяких iнших платформ, Google Sites не має єдиної точки впровадження коду для всього сайту. Вам потрiбно додати код вбудовування на кожну сторiнку, де ви хочете, щоб чат-бот з'являвся, або використовувати власний заголовок/футер, якщо ваша тема це пiдтримує.

Як Google Sites обробляє вбудований код

Як Google Sites обробляє ваш код:

Google Sites обгортає ваш код в елемент <iframe> у iзольованому середовищi
JavaScript повинен бути всерединi тегiв <script> (що ваш код Asyntai вже включає)
Ви можете посилатися на зовнішні файли JavaScript (як віджет Asyntai)
Функцiя вбудовування менш обмежувальна, нiж HTML Box класичного Google Sites
Вбудований код не індексується в пошуку по сайту

Важливо: Через iзоляцiю iframe в Google Sites деякi розширенi функцiї можуть працювати iнакше, нiж на традицiйних веб-сайтах. Чат-бот Asyntai розроблений для роботи в межах цих обмежень.

Крок 3: Перевірте встановлення

Пiсля публiкацiї змiн вiдвiдайте свiй Google Site у новiй вкладцi браузера або в режимi iнкогнiто. Ви повиннi побачити кнопку чат-вiджету в нижньому правому кутi. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює коректно.