Jak dodać chatbota AI Asyntai do Google Sites

Instrukcja krok po kroku dla Google Sites

Platforma:

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego panelu Asyntai i przewiń w dół do sekcji "Embed Code". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

<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>

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Dodaj kod za pomocą funkcji osadzania

Google Sites używa funkcji osadzania do dodawania niestandardowego kodu HTML i JavaScript:

Na komputerze otwórz witrynę w Google Sites
Przejdź do strony, na której chcesz dodać chatbota
Kliknij "Insert" w panelu po prawej stronie
Wybierz "Embed" z opcji
Kliknij zakładkę "Embed code" u góry
Wklej kod osadzania Asyntai w polu tekstowym
Kliknij "Next", aby podejrzeć wygląd
Kliknij "Insert", aby dodać kod do strony
Kliknij "Publish" w prawym gornym rogu, aby opublikować zmiany

Wskazówka: Google Sites opakowuje osadzone elementy w iframe, wiec chatbot pojawi sie wewnątrz obszaru osadzenia, a nie będzie przypisany do rogu przeglądarki. Dla najlepszego doswiadczenia umiesc element osadzenia na samym dole treści strony, aby przycisk chatbota był latwy do znalezienia.

Dodawanie do wielu stron

Aby dodać chatbota do wielu stron w Google Sites:

Powtórz dla każdej strony, na której chcesz umieścić chatbota
Dla witryn z wieloma stronami rozważ dodanie chatbota najpierw do głównych stron docelowych

Uwaga: Google Sites nie ma jednego miejsca na kod, który obejmuje całą witrynę. Dodaj kod osadzania do każdej strony, na której chcesz wyświetlać chatbota.

Jak Google Sites obsługuje osadzony kod

Zrozumienie sposobu przetwarzania kodu przez Google Sites:

Google Sites wyświetla Twój kod wewnątrz elementu <iframe>
JavaScript musi znajdowac sie wewnątrz tagow <script> (co kod Asyntai juz zawiera)
Możesz odwoływać się do zewnętrznych plików JavaScript (takich jak widget Asyntai)

Ważne: Ponieważ Google Sites wyświetla kod wewnątrz elementu iframe, niektóre funkcje mogą działać inaczej niż w innych witrynach. Chatbot Asyntai został zaprojektowany do działania wewnątrz tego elementu iframe.

Krok 3: Weryfikacja instalacji

Po opublikowaniu zmian otwórz swoją witrynę Google Sites w nowej karcie przeglądarki lub w oknie incognito. Przycisk widżetu czatu powinien być widoczny wewnątrz obszaru osadzenia na stronie. Kliknij go, aby upewnić się, że otwiera się i działa poprawnie.