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

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

Платформа:

Шаг 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: Добавьте в шаблон темы (рекомендуется)

Рекомендуемый способ добавить чат-бот — непосредственно отредактировать файл шаблона темы e107:

Перейдите в папку вашей темы e107: e107_themes/yourtheme/
Откройте главный файл шаблона темы (обычно theme.php или theme.html)
Найдите закрывающий тег </body>
Вставьте код встраивания Asyntai перед тегом </body>:

<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>
</body>

Совет: Если ваша тема использует theme.php, найдите раздел, где отображается HTML подвала. Код встраивания должен быть размещён после всего остального контента, но перед закрывающим тегом body.

Альтернативный метод 1: Использование настраиваемого хедера/футера e107

Вы можете добавить скрипт чат-бота через панель администратора e107 без редактирования файлов темы:

Войдите в панель администратора e107
Перейдите в Admin > Preferences > Site Preferences
Найдите раздел «Custom Footer» или «Footer Scripts»
Вставьте код встраивания Asyntai в текстовую область скриптов футера
Нажмите «Save», чтобы применить изменения

Примечание: Этот метод самый простой, если вы хотите избежать прямого редактирования файлов темы. Скрипт будет автоматически включён на каждой странице вашего сайта на e107.

Альтернативный способ 2: Через плагин e107

Для более модульного подхода можно создать простой плагин или использовать систему хуков плагинов для вставки скрипта чат-бота:

Создайте простой плагин или используйте плагин «Custom Pages»
Добавьте скрипт через систему хуков плагинов e107, создав файл e_footer.php в директории вашего плагина
Внутри e_footer.php выведите ваш код встраивания:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<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>';
?>

Совет: Подход с хуком плагина сохраняет интеграцию чат-бота отдельно от темы, поэтому она сохранится даже при смене темы.

Альтернативный способ 3: Через e107 Menus System

Вы можете использовать встроенную систему меню e107, чтобы добавить скрипт чат-бота в область подвала:

Войдите в панель администратора e107
Перейдите в Admin > Menus
Создайте пользовательское HTML-меню
Вставьте код встраивания Asyntai в контент меню
Назначьте меню в область футера вашего шаблона
Сохранить конфигурацию меню

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

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

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

Виджет не отображается? Попробуйте очистить кеш e107 в панели администратора: Admin > Cache. Также попробуйте очистить кеш браузера или открыть страницу в режиме инкогнито. Убедитесь, что код для встраивания размещён правильно и содержит ваш уникальный идентификатор виджета из Панели управления.