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

Пошаговое руководство для сайтов на Blogger

Платформа:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Использование гаджета HTML/JavaScript (рекомендуется)

Самый простой способ добавить чат-бот — использовать встроенный гаджет HTML/JavaScript в Blogger:

Войдите в панель управления Blogger на blogger.com
Выберите свой блог из списка
Нажмите «Layout» на левой панели
Найдите раздел, куда хотите добавить виджет (предпочтительно футер)
Нажмите «Add a Gadget»
Выберите «HTML/JavaScript» из списка гаджетов
Оставьте заголовок пустым (или добавьте, если хотите)
Вставьте код встраивания Asyntai в область контента
Нажмите «Save»
Нажмите «Save arrangement» на странице Layout

Совет: Добавление гаджета в раздел футера обеспечивает загрузку на всех страницах блога. Чат-бот будет отображаться как плавающая кнопка независимо от того, где размещён гаджет.

Альтернатива: HTML темы

Вы также можете добавить код напрямую в HTML вашей темы:

Перейдите в «Theme» на левой панели
Нажмите на стрелку раскрывающегося списка рядом с «Customize»
Выберите «Edit HTML»
Нажмите Ctrl+F (или Cmd+F на Mac), чтобы открыть поиск
Найдите </body>
Вставьте код встраивания Asyntai перед тегом </body>
Нажмите «Save theme»

Важно: При редактировании HTML темы будьте осторожны — не удаляйте и не изменяйте другой код. Рекомендуем сначала сделать резервную копию темы, нажав «Резервная копия».

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

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

Виджет не отображается? Blogger может несколько минут применять изменения. Попробуйте очистить кеш браузера или открыть страницу в режиме инкогнито. Убедитесь, что нажали «Сохранить» после добавления гаджета.

Документация

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

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

Шаг 2: Использование гаджета HTML/JavaScript (рекомендуется)

Альтернатива: HTML темы

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