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

Ръководство стъпка по стъпка за Google Sites

Платформа:

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

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

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

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

Стъпка 2: Добавете код чрез функцията за вграждане

Google Sites използва функция за вграждане за добавяне на персонализиран HTML и JavaScript код:

На компютър отворете сайта си в Google Sites
Навигирайте до страницата, на която искате да добавите чатбота
Кликнете "Insert" в дясната странична лента (или от горното меню)
Изберете "Embed" от опциите
Кликнете раздела "Embed code" в горната част
Поставете вашия Asyntai код за вграждане в текстовото поле
Кликнете "Next", за да прегледате как ще изглежда
Кликнете "Insert", за да добавите кода към страницата си
Кликнете "Publish" горе вдясно, за да направите промените живи

Съвет: Google Sites обвива вграденото съдържание в iframe, така че чатботът ще се появи вътре в областта за вграждане, а не фиксиран в ъгъла на браузъра. За най-добро изживяване поставете елемента за вграждане най-долу на съдържанието на страницата, за да е лесно намирането на бутона на чатбота.

Добавяне към множество страници

За да добавите чатбота към множество страници на вашия Google Site:

Повторете процеса за вграждане за всяка страница, на която искате чатбота
Алтернативно, добавете вграждането към секция header или footer, ако вашият шаблон го поддържа
За сайтове с много страници, помислете първо да го добавите към основните си целеви страници

Забележка: За разлика от някои други платформи, Google Sites няма единна точка за инжектиране на код за целия сайт. Ще трябва да добавите кода за вграждане на всяка страница, на която искате чатботът да се появи, или да използвате персонализиран header/footer, ако вашата тема го поддържа.

Как Google Sites обработва вградения код

Разбиране на начина, по който Google Sites обработва вашия код:

Google Sites обвива вашия код в елемент <iframe> в изолирана среда
JavaScript трябва да бъде в <script> тагове (които вашият Asyntai код вече включва)
Можете да използвате външни JavaScript файлове (като Asyntai уиджета)
Функцията за вграждане е по-малко ограничителна от HTML Box на класическия Google Sites
Вграденият код не се индексира в търсенето на сайта

Важно: Поради изолацията с iframe на Google Sites, някои разширени функции могат да се държат по различен начин от традиционните уебсайтове. Чатботът Asyntai е проектиран да работи в рамките на тези ограничения.

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

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