Как добавить ИИ-чат-бот Asyntai в Google Sites

Пошаговое руководство для Google Sites

Платформа:

Шаг 1: Получите код встраивания

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.