Как да добавите Asyntai AI чатбот в Ghost

Ръководство стъпка по стъпка за уебсайтове на Ghost CMS

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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