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 Injecao de Codigo (Recomendado)
O Ghost possui um recurso integrado de Injecao de Codigo que facilita muito a adicao de scripts personalizados:
- Faca login no seu Painel Administrativo do Ghost
- Clique no icone de engrenagem (Configuracoes) no canto inferior esquerdo
- Role para baixo ate a secao \"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: Injecao de Codigo em Pagina Especifica
Se voce deseja o chatbot apenas em paginas ou posts especificos:
- Abra o post ou pagina onde deseja adicionar o chatbot
- Click the settings icon (gear) in the top right corner
- 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)
If you're self-hosting Ghost and prefer to edit theme files directly:
- Access your Ghost installation files via FTP or file manager
- Navigate to your theme folder:
content/themes/your-theme/ - Open the default.hbs file (the main layout file)
- 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