Как да добавите Asyntai AI чатбот в 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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Използване на инжектиране на код (Препоръчително)

Ghost има вградена функция за инжектиране на код, която прави добавянето на персонализирани скриптове много лесно:

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

Съвет: Добавянето на JavaScript в Site Footer (вместо в Site Header) гарантира, че той се зарежда след съдържанието на страницата, което е препоръчително за чат уиджети и няма да забави зареждането на страницата ви.

Алтернатива: Инжектиране на код за конкретна страница

Ако искате чатбота само на конкретни страници или публикации:

Отворете публикацията или страницата, към която искате да добавите чатбота
Кликнете върху иконата за настройки (зъбно колело) в горния десен ъгъл
Превъртете надолу, за да намерите "Code injection"
Разгънете секцията и поставете вашия Asyntai код за вграждане в полето "Post footer"
Кликнете извън полето, за да запазите, след което публикувайте/актуализирайте публикацията си

Забележка: Инжектирането на код за конкретна страница е полезно, ако искате чатбота само на определени страници, а не на целия си сайт.

Алтернатива: Редактиране на файловете на темата (За самостоятелен хостинг)

Ако хоствате Ghost самостоятелно и предпочитате да редактирате файловете на темата директно:

Достъпете файловете на вашата Ghost инсталация чрез FTP или файлов мениджър
Навигирайте до папката на вашата тема: content/themes/your-theme/
Отворете файла default.hbs (основният файл за оформление)
Намерете затварящия таг </body>
Поставете вашия Asyntai код за вграждане точно преди тага </body>
Запазете файла
Рестартирайте Ghost или изчистете кеша

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

Стъпка 3: Проверка на инсталацията

След като запазите промените, посетете вашия Ghost сайт в нов раздел на браузъра или в инкогнито прозорец. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и работи правилно.