Как добавить ИИ-чат-бот 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>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Добавьте код через функцию встраивания

Google Sites использует функцию встраивания для добавления пользовательского HTML и JavaScript:

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

Совет: Google Sites оборачивает встроенный код в iframe, поэтому чат-бот будет отображаться внутри области встраивания, а не закреплён в углу браузера. Для лучшего опыта разместите элемент встраивания в самом низу содержимого страницы, чтобы кнопку чат-бота было легко найти.

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

Чтобы добавить чат-бот на несколько страниц вашего Google Сайта:

Повторите процесс встраивания для каждой страницы, где нужен чат-бот
Кроме того, можно добавить вставку в раздел шапки или футера, если шаблон это поддерживает
Для сайтов с большим количеством страниц рекомендуется сначала добавить код на основные целевые страницы

Примечание: В отличие от других платформ, в Google Sites нет единой точки внедрения кода для всего сайта. Код вставки нужно добавить на каждую страницу, где должен появляться чат-бот, или воспользоваться пользовательским хедером/футером, если тема это поддерживает.

Как Google Sites обрабатывает встроенный код

Как Google Сайты обрабатывают ваш код:

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

Важно: Из-за изолированной среды iframe в Google Sites некоторые расширенные функции могут работать иначе, чем на обычных сайтах. Чат-бот Asyntai разработан с учётом этих ограничений.

Шаг 3: Проверка установки

После публикации изменений откройте свой сайт Google в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.