Como Adicionar o Chatbot de IA Asyntai ao Ghost
Guia passo a passo para sites Ghost CMS
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: Usando Injeção de Código (Recomendado)
O Ghost possui um recurso integrado de Injecao de Codigo que facilita muito a adicao de scripts personalizados:
- Faça login no seu Painel Administrativo do Ghost
- Clique no icone de engrenagem (Settings) no canto inferior esquerdo
- Role para baixo até a seção "Advanced"
- Clique em "Code injection"
- Na secao "Site footer", cole seu codigo de incorporacao Asyntai
- Clique em "Save" no canto superior direito
Dica: Adicionar JavaScript ao Site Footer (em vez do Site Header) garante que ele carregue apos o conteudo da pagina, o que e recomendado para widgets de chat e nao desacelerara o carregamento da pagina.
Alternativa: Injeção de Código em Página Específica
Se você deseja o chatbot apenas em páginas ou posts específicos:
- Abra o post ou página onde deseja adicionar o chatbot
- Clique no icone de configuracoes (gear) no canto superior direito
- Role para baixo para encontrar "Code injection"
- Expanda a secao e cole seu codigo de incorporacao Asyntai no campo "Post footer"
- Clique fora do campo para salvar e depois publique/atualize seu post
Nota: A injecao de codigo em pagina especifica e util se voce deseja o chatbot apenas em certas paginas em vez de todo o site.
Alternativa: Editar Arquivos do Tema (Para Auto-Hospedado)
Se você hospeda o Ghost por conta própria e prefere editar os arquivos do tema diretamente:
- Acesse os arquivos de instalação do Ghost via FTP ou gerenciador de arquivos
- Navegue até a pasta do seu tema:
content/themes/your-theme/ - Abra o arquivo default.hbs (o arquivo de layout principal)
- Encontre a tag de fechamento
</body> - Cole seu código de incorporação Asyntai logo antes da tag
</body> - Salve o arquivo
- Reinicie o Ghost ou limpe o cache
Importante: Editar arquivos do tema diretamente nao e recomendado, a menos que necessario. As alteracoes podem ser sobrescritas ao atualizar o tema. O metodo de Injecao de Codigo e preferivel, pois sobrevive a atualizacoes do tema.
Passo 3: Verifique a Instalação
Apos salvar suas alteracoes, visite seu site Ghost 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 verificar se abre e funciona corretamente.
Não está vendo o widget? Certifique-se de ter clicado em "Save" apos adicionar o codigo na Injecao de Codigo. Tente limpar o cache do navegador ou visualizar em uma janela anonima. Se estiver usando Ghost(Pro), as alteracoes devem aparecer imediatamente. Para Ghost auto-hospedado, pode ser necessario reiniciar o servico Ghost.
Weebly