Як додати AI чат-бот Asyntai до Ghost

Покрокова інструкція для веб-сайтів Ghost 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>

Примітка: Код вище є лише прикладом. Ви повинні скопіювати власний унікальний код для вставки з вашої Панелі керування, оскільки він містить ваш особистий ID віджета.

Крок 2: Використання впровадження коду (Рекомендовано)

Ghost має вбудовану функцію впровадження коду, яка значно спрощує додавання власних скриптів:

Увійдіть до панелі адміністрування Ghost
Натисніть іконку шестерні (Налаштування) в нижньому лівому куті
Прокрутіть вниз до розділу "Advanced"
Натисніть на "Code injection"
У розділі "Site footer" вставте код вбудовування Asyntai
Натисніть "Save" у верхньому правому куті

Порада: Додавання JavaScript до футера сайту (а не до заголовка) забезпечує його завантаження після контенту сторінки, що рекомендується для чат-віджетів і не сповільнює завантаження сторінки.

Альтернатива: Впровадження коду для конкретної сторінки

Якщо ви хочете чат-бот лише на конкретних сторінках або записах:

Відкрийте допис або сторінку, куди ви хочете додати чат-бот
Натисніть іконку налаштувань (шестерня) у верхньому правому куті
Прокрутіть вниз, щоб знайти "Code injection"
Розгорніть розділ та вставте код вбудовування Asyntai у поле "Post footer"
Натисніть за межами поля, щоб зберегти, потім опублікуйте/оновіть свій запис

Примітка: Впровадження коду для конкретної сторінки корисне, якщо ви хочете чат-бот лише на певних сторінках, а не на всьому сайті.

Альтернатива: Редагування файлів теми (Для самостійного хостингу)

Якщо ви самостійно хостите Ghost і хочете редагувати файли теми безпосередньо:

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

Важливо: Безпосереднє редагування файлів теми не рекомендується, якщо це не необхідно. Зміни можуть бути перезаписані при оновленні теми. Метод впровадження коду є переважним, оскільки він зберігається після оновлення теми.

Крок 3: Перевірте встановлення

Після збереження змін відвідайте свій сайт Ghost у новій вкладці браузера або в режимі інкогніто. Ви повинні побачити кнопку чат-віджету в нижньому правому куті. Натисніть на неї, щоб переконатися, що вона відкривається та працює коректно.