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 "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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" na prawym pasku bocznym (lub z górnego menu)
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
Alternatywnie dodaj osadzenie do sekcji nagłówka lub stopki, jeśli szablon to obsługuje
Dla witryn z wieloma stronami rozważ dodanie chatbota najpierw do głównych stron docelowych

Uwaga: W przeciwienstwie do niektorych innych platform, Google Sites nie posiada jednego punktu wstrzykiwania kodu dla całej witryny. Będzie trzeba dodać kod osadzania do każdej strony, na której ma sie pojawic chatbot, lub użyć niestandardowego nagłówka/stopki, jeśli motyw to obsługuje.

Jak Google Sites obsługuje osadzony kod

Zrozumienie sposobu przetwarzania kodu przez Google Sites:

Google Sites opakowuje kod w element <iframe> w srodowisku izolowanym (sandbox)
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)
Funkcja osadzania jest mniej restrykcyjna niz pole HTML w klasycznej wersji Google Sites
Osadzony kod nie jest indeksowany w wyszukiwarce witryny

Ważne: Ze względu na izolacje iframe w Google Sites niektóre zaawansowane funkcje mogą działać inaczej niz na tradycyjnych stronach internetowych. Chatbot Asyntai jest zaprojektowany tak, aby działał w ramach tych ograniczen.

Krok 3: Weryfikacja instalacji

Po opublikowaniu zmian odwiedź witrynę Google Sites w nowej karcie przeglądarki lub w trybie incognito. Przycisk widgetu czatu powinien byc widoczny w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.