Se você usa o Google Tag Manager para gerenciar scripts no seu site, pode adicionar o Chatwoot diretamente por meio dele. Isso facilita a implementação sem precisar editar diretamente o código do site. Abaixo estão os passos detalhados para configurar o widget de chat ao vivo do Chatwoot.
1. Acessar o Google Tag Manager
-
Faça login no Google Tag Manager usando sua conta do Google.
-
No workspace do seu site, clique em Adicionar uma nova tag no painel.
2. Criar uma Nova Tag
-
Na janela pop-up de criação da tag, altere o nome padrão ("Tag sem título") para "Chatwoot" (ou outro nome de sua escolha).
-
Clique em Configuração de tag e selecione "HTML Personalizado".
3. Inserir o Código do Chatwoot
-
No painel de configuração da tag, copie o código do widget fornecido no Chatwoot.
-
Para obter o código:
-
Acesse Configurações → Caixas de Entrada.
-
Clique na caixa de entrada do Website.
-
Vá até a aba Configuração e copie o código do widget.
-
-
-
Cole o código na área de HTML Personalizado dentro do Google Tag Manager.
-
Marque a opção
"Suporte a document.write"para garantir o funcionamento correto.
4. Configurar o Disparo da Tag
-
Clique em Disparo.
-
Selecione a opção "Todas as páginas" para garantir que o widget do Chatwoot seja carregado em todas as páginas do site.
-
Clique em Salvar.
5. Publicar as Alterações
-
No Google Tag Manager, você verá a tag do Chatwoot listada nas alterações do Workspace.
-
Clique em "Enviar" para implantar a tag no site.
-
Dê um nome à versão (ex.: "Instalação do Chatwoot") e clique em Publicar.
6. Verificar a Instalação
-
Atualize a página do seu site e verifique se o widget de chat ao vivo aparece no canto da tela.
-
Se não aparecer, tente limpar o cache do navegador ou utilizar o modo anônimo para testar.
🎉 Pronto! O Chatwoot está ativo no seu site via Google Tag Manager! 🚀