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

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

Платформа:

Шаг 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: Через внедрение кода (рекомендуется)

В Ghost есть встроенная функция Code Injection, которая значительно упрощает добавление пользовательских скриптов:

Войдите в панель администратора Ghost
Нажмите значок шестерёнки (Settings) в левом нижнем углу
Прокрутите вниз до раздела «Дополнительно»
Нажмите на «Code injection»
В разделе «Футер сайта» вставьте код вставки Asyntai
Нажмите «Save» в правом верхнем углу

Совет: Добавление JavaScript в футер сайта (а не в шапку) гарантирует загрузку после контента страницы — это рекомендуется для чат-виджетов и не замедлит загрузку страницы.

Альтернатива: Код на конкретной странице

Если вы хотите добавить чат-бот только на определённые страницы:

Откройте запись или страницу, на которую вы хотите добавить чат-бот
Нажмите значок настроек (шестерёнку) в правом верхнем углу
Прокрутите вниз, чтобы найти «Внедрение кода»
Разверните раздел и вставьте код встраивания Asyntai в поле «Post footer»
Нажмите вне поля, чтобы сохранить, затем опубликуйте/обновите запись

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

Альтернатива: Файлы темы (для self-hosted)

Если вы самостоятельно хостите Ghost и предпочитаете редактировать файлы темы напрямую:

Откройте файлы установки Ghost через FTP или файловый менеджер
Перейдите в папку вашей темы: content/themes/your-theme/
Откройте файл default.hbs (главный файл макета)
Найдите закрывающий тег </body>
Вставьте код встраивания Asyntai непосредственно перед тегом </body>
Сохраните файл
Перезапустите Ghost или очистите кэш

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

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

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