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

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

Платформа:

Крок 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>

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

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

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

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

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

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

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

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

Примітка: У Google Sites немає єдиного місця для коду, який діє на весь сайт. Додайте код вбудовування на кожну сторінку, де має з'являтися чат-бот.

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

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

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

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

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

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