Como configurar o tawk.to para rastreamento do Google Analytics 4 com o Google Tag Manager
[Desktop]
O rastreamento do Google Analytics permite que você conheça melhor o comportamento dos visitantes em seu site e como eles se comunicam com você. É possível configurar o rastreamento do Google Analytics para sua ferramenta do chat usando o Google Tag Manager para acompanhar eventos personalizados — por exemplo, quando um chat começa ou termina.
Antes de começar, você precisará ter o seguinte:
1. Uma conta e uma ID da propriedade do Google Analytics
2. Um fluxo de dados do Google Analytics
3. Uma tag para a ferramenta do chat do tawk.to no Google Tag Manager. Se isso ainda não tiver sido configurado, siga as etapas deste artigo: Como adicionar a ferramenta do chat do tawk.to com o Google Tag Manager
1 - Crie uma nova tag para adicionar a Tag de Configuração do Google Analytics. Certifique-se de renomear a tag (ex.: GA - config).
2 - Clique no painel de Configuração da Tag e um novo painel aparecerá.
3 - No painel de configuração, selecione Google Analytics GA4 Configuration.
4 - No formulário, insira o ID de medição. Você pode encontrá-lo em sua conta do Google Analytics.
5 - Agora, clique no painel de Acionamento para escolher um disparador.
6 - No painel de acionamento, selecione All Pages para permitir que a tag seja disparada em todas as páginas em que o Google Tag Manager está instalado.
Em seguida, usaremos o GTM para configurar um evento personalizado.
Como alternativa, você pode usar nossa API JS e a função gtag carregada com a tag global do site para GA. Saiba mais neste artigo: Como configurar o tawk.to para rastreamento do Google Analytics
1 - Crie outra tag e agora selecione Google Analytics GA4 Event como Configuração da Tag.
2 - No formulário, em Configuration Tag, selecione a tag de Configuração do Google Analytics GA4 que criamos anteriormente. Para Event Name, insira o evento personalizado que deseja rastrear (ex.: chat_started).
3 - Vamos criar um disparador personalizado para a tag. Clique no botão + para abrir um novo painel de criação de disparador.
5 - No painel, role para baixo e selecione Custom Event como tipo de disparador.
Configurando uma tag para usar a API JS e um disparador de Eventos Personalizados
Nesta seção, forneceremos um exemplo para disparar o evento personalizado chat_started que criamos anteriormente usando a API JS onChatStarted.
OBSERVAÇÃO: Antes de criar uma nova tag, verifique se já existem tags que estejam usando nossa API JS. Se você já tiver uma tag configurada, pode adicionar a lógica adicional nela em vez de criar outra.
Por exemplo, se você quiser adicionar o rastreamento à função onChatStarted mas já tiver uma tag existente que a utiliza, basta adicioná-lo à função atual, como no exemplo a seguir:
1 - Crie uma nova tag e selecione Custom HTML como o tipo de tag.
2 - No campo HTML, insira o seguinte bloco de código. Observe que o valor da propriedade event deve ser igual ao Event Name que você definiu anteriormente ao criar a tag de evento personalizado.
3 - Em Acionamento, selecione All Pages para permitir que a tag seja disparada em todas as páginas nas quais o Google Tag Manager está instalado.
1. No seu painel do Tag Manager, clique em Preview. Uma nova janela será aberta permitindo conectar o Google Tag Manager ao seu site.
2. Insira o URL do seu site. O URL digitado será aberto em uma nova janela.
3. Volte para a guia/janela onde abriu a página Preview. Você deverá ver que seu Google Analytics: GA4 Event ainda não foi disparado.
4. Para disparar a tag, vamos acioná-la usando o evento personalizado que criamos anteriormente (que, neste exemplo, é acionado quando um chat é iniciado).
5. Assim que acionarmos nossa API JS OnChatStarted, isso deve enviar um evento para a Data Layer, que então dispara a tag do Google Analytics: GA4 Event.
1. No seu painel GA4, vá até Reports ➞ Realtime Overview.
2. Lá, você poderá ver no cartão Event count by Event name que o Google Analytics conseguiu receber o evento chat_started.
1. No seu painel GA4, vá até Configure ➞ Events. Os eventos recebidos pelo Google Analytics aparecerão lá em até 24 a 48 horas.
2. Para marcar o evento chat_started como uma conversão, basta ativar a chave na coluna Mark as conversion para esse registro.
3. Depois de ativar, você deverá ver o evento em Configure ➞ Conversions.
Referências
Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:
- Clique no ícone verde de chat ao vivo
- Agende uma chamada conosco
- Visite nossa comunidade