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

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

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

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