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

Покрокова інструкція для веб-сайтів Ghost CMS

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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