Назад к панели управления

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

Узнайте, как использовать Asyntai

Начало работы
Установка База знаний Как ИИ получает доступ к вашему контенту Подключите свой сайт Протестировать ИИ Управление сайтами Советы по инструкциям для ИИ Переход с другого чат-бота Сравнить тарифы
Функции
Панель Ask AI Строка ИИ-поиска Сканирование сайта Пробелы в знаниях Карточки товаров Динамические карточки товаров Динамические изображения Контекст пользователя Собственные инструменты Параметры ссылок Проактивные сообщения Мониторинг в реальном времени Подключение оператора Эскалация Уведомления ИИ Уведомления в браузере Ежедневный отчёт Поток данных в реальном времени Фид данных в реальном времени Max Участники команды Единый вход Двухфакторная аутентификация Показывать изображения Распознавание изображений Виджет перевода Локализация Прозрачность ИИ Лиды Умный сбор лидов Тикеты поддержки ИИ-ответы на письма Категории чатов Справочный центр Бронирование Голосовой агент Встраивания Исключить страницы Заблокированные IP Политика хранения Режим нулевого хранения Маскирование PII Классификатор ответов Access Tags Закрепление версии виджета Журнал аудита Подсказки для ответа Дополнительные сообщения Распознавание речи Скачивание разговора Встроенный чат Встраивание через iframe

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

  1. Войдите в панель управления Blogger на blogger.com
  2. Выберите свой блог из списка
  3. Нажмите «Layout» на левой панели
  4. Найдите раздел, куда хотите добавить виджет (предпочтительно футер)
  5. Нажмите «Add a Gadget»
  6. Выберите "HTML/Javascript" в списке гаджетов
  7. Оставьте заголовок пустым (или добавьте, если хотите)
  8. Вставьте код встраивания Asyntai в область контента
  9. Нажмите «Save»
  10. Нажмите "Save" в правом нижнем углу страницы Layout

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

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

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

  1. Перейдите в «Theme» на левой панели
  2. Нажмите на стрелку вниз (More) рядом с "Customize"
  3. Выберите «Edit HTML»
  4. Нажмите Ctrl+F (или Cmd+F на Mac), чтобы открыть поиск
  5. Найдите </body>
  6. Вставьте код встраивания Asyntai перед тегом </body>
  7. Нажмите «Save»

Важно: При редактировании HTML темы будьте осторожны, чтобы не удалить и не изменить другой код. Сначала сделайте резервную копию темы: в том же меню нажмите "Backup", затем "Download".

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

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

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