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 Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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" na barra lateral direita (ou no menu superior)
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
Alternativamente, adicione a incorporacao a uma secao de header ou footer se seu template suportar
Para sites com muitas paginas, considere adiciona-lo primeiro as suas paginas de destino principais

Nota: Diferente de algumas outras plataformas, o Google Sites nao possui um unico ponto de injecao de codigo \"site-wide\". Voce precisara adicionar o codigo de incorporacao a cada pagina onde deseja que o chatbot apareca, ou usar um cabecalho/rodape personalizado se seu tema suportar.

Como o Google Sites Trata Código Incorporado

Entendendo como o Google Sites processa seu código:

O Google Sites envolve seu codigo em um elemento <iframe> em um ambiente isolado (sandbox)
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)
O recurso de incorporacao e menos restritivo que o HTML Box do Google Sites classico
O código incorporado não é indexado na busca do site

Importante: Devido ao isolamento por iframe do Google Sites, alguns recursos avancados podem se comportar de forma diferente do que em sites tradicionais. O chatbot Asyntai foi projetado para funcionar dentro dessas restricoes.

Passo 3: Verifique a Instalação

Apos publicar suas alteracoes, visite seu Google Site em uma nova aba do navegador ou janela anonima. Voce deve ver o botao do widget de chat no canto inferior direito. Clique nele para garantir que abre e funciona corretamente.