Как добавить ИИ-чат-бот Asyntai в Blogger
Пошаговое руководство для сайтов на Blogger
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
Шаг 1: Получите код встраивания
Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 может несколько минут применять изменения. Попробуйте очистить кеш браузера или открыть страницу в режиме инкогнито. Убедитесь, что нажали «Сохранить» после добавления гаджета.