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

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

Платформа:

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

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

<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: Добавете код чрез функцията за вграждане

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

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

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

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

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

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

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

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

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

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

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

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

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