Как добавить ИИ-чат-бот Asyntai в Blogger
Пошаговое руководство для сайтов на Blogger
Шаг 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: Использование гаджета HTML/JavaScript (рекомендуется)
Самый простой способ добавить чат-бот — использовать встроенный гаджет HTML/JavaScript в Blogger:
- Войдите в панель управления Blogger на blogger.com
- Выберите свой блог из списка
- Нажмите «Layout» на левой панели
- Найдите раздел, куда хотите добавить виджет (предпочтительно футер)
- Нажмите «Add a Gadget»
- Выберите "HTML/Javascript" в списке гаджетов
- Оставьте заголовок пустым (или добавьте, если хотите)
- Вставьте код встраивания Asyntai в область контента
- Нажмите «Save»
- Нажмите "Save" в правом нижнем углу страницы Layout
Совет: Добавление гаджета в раздел футера обеспечивает загрузку на всех страницах блога. Чат-бот будет отображаться как плавающая кнопка независимо от того, где размещён гаджет.
Альтернатива: HTML темы
Вы также можете добавить код напрямую в HTML вашей темы:
- Перейдите в «Theme» на левой панели
- Нажмите на стрелку вниз (More) рядом с "Customize"
- Выберите «Edit HTML»
- Нажмите Ctrl+F (или Cmd+F на Mac), чтобы открыть поиск
- Найдите
</body> - Вставьте код встраивания Asyntai перед тегом
</body> - Нажмите «Save»
Важно: При редактировании HTML темы будьте осторожны, чтобы не удалить и не изменить другой код. Сначала сделайте резервную копию темы: в том же меню нажмите "Backup", затем "Download".
Шаг 3: Проверка установки
После сохранения изменений откройте блог в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.
Виджет не отображается? Blogger может несколько минут применять изменения. Попробуйте очистить кеш браузера или открыть страницу в режиме инкогнито. Убедитесь, что нажали «Сохранить» после добавления гаджета.
Weebly