Como Adicionar o Chatbot de IA Asyntai ao Google Sites

Guia passo a passo para Google Sites

Plataforma:

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Painel do Asyntai e role para baixo até a seção "Código de incorporação". Copie seu código de incorporação exclusivo, que terá esta aparência:

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

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Passo 2: Adicionar Código Usando o Recurso de Incorporação

O Google Sites usa um recurso de incorporacao para adicionar codigo HTML e JavaScript personalizado:

Em um computador, abra seu site no Google Sites
Navegue até a página onde deseja adicionar o chatbot
Clique em "Insert" no painel à direita
Selecione "Embed" nas opções
Clique na aba "Embed code" no topo
Cole seu código de incorporação Asyntai na caixa de texto
Clique em "Next" para visualizar como ficará
Clique em \"Insert\" para adicionar o código à sua página
Clique em "Publish" no canto superior direito para publicar suas alterações

Dica: O Google Sites envolve incorporacoes em um iframe, entao o chatbot aparecera dentro da area incorporada em vez de fixo no canto do navegador. Para a melhor experiencia, coloque o elemento incorporado no final do conteudo da sua pagina para que o botao do chatbot seja facil de encontrar.

Adicionando a Múltiplas Páginas

Para adicionar o chatbot a múltiplas páginas no seu Google Site:

Repita para cada página onde deseja o chatbot
Para sites com muitas paginas, considere adiciona-lo primeiro as suas paginas de destino principais

Nota: O Google Sites não tem um local único para código que abranja todo o site. Adicione o código de incorporação a cada página onde você quer que o chatbot apareça.

Como o Google Sites Trata Código Incorporado

Entendendo como o Google Sites processa seu código:

O Google Sites exibe seu código dentro de um elemento <iframe>
O JavaScript deve estar dentro de tags <script> (o que seu codigo Asyntai ja inclui)
Você pode referenciar arquivos JavaScript externos (como o widget Asyntai)

Importante: Como o Google Sites exibe o código dentro de um iframe, alguns recursos podem se comportar de forma diferente do que em outros sites. O chatbot Asyntai foi projetado para funcionar dentro desse iframe.

Passo 3: Verifique a Instalação

Depois de publicar suas alterações, acesse seu Google Site em uma nova aba do navegador ou em uma janela anônima. Você deverá ver o botão do widget de chat dentro da área incorporada na página. Clique nele para garantir que ele abra e funcione corretamente.