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

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

Платформа:

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

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

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

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

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

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

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

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

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

Open the post or page you want to add the chatbot to
Click the settings icon (gear) in the top right corner
Прокрутiть вниз, щоб знайти "Code injection"
Розгорнiть роздiл та вставте код вбудовування Asyntai у поле "Post footer"
Натиснiть за межами поля, щоб зберегти, потiм опублiкуйте/оновiть свiй запис

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

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

If you're self-hosting Ghost and prefer to edit theme files directly:

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

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

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

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