Código Javascript na tela

Rastreamento de formulários e chat da HubSpot com o Google Analytics

Esta publicação foi atualizada em 25 de setembro de 2019 para incluir os novos eventos de conversa disponíveis no widget de bate-papo. Os novos eventos possibilitam o rastreamento real da conversa, em vez de apenas a abertura e o fechamento da janela de bate-papo.

Se você estiver usando a HubSpot para os formulários dos seus sites e para o bate-papo com o usuário, talvez também queira definir metas no Google Analytics para registrar a frequência com que esses formulários são preenchidos ou uma sessão de bate-papo é iniciada.

Não há opções de integração no HubSpot para fazer isso automaticamente, mas ainda é possível.

Rastreamento de formulários incorporados da Hubspot

Esses são os tipos de formulário mais fáceis de rastrear, pois a API de formulários fornece um retorno de chamada de envio de formulário (Documentação da API).

Abaixo, você pode ver o código de incorporação do formulário original e a modificação para enviar um evento após um envio bem-sucedido.

Rastreamento de formulários do HubSpot LeadFlow

Os formulários do Lead Flow são adicionados por meio do script incorporado de rastreamento padrão, portanto, não é possível modificar o código diretamente.

Esses formulários podem ser rastreados anexando um ouvinte aos eventos de "mensagem" (Documentação da API)

Rastreamento de ações de chat da HubSpot

Atualização: Os eventos de início, fim e mensagem não lida da conversa foram adicionados pela Hubspot. O Gist abaixo inclui o rastreamento desses novos eventos.

Você pode encontrar a documentação oficial aqui: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


O rastreamento de widgets de bate-papo é tradicionalmente difícil, pois eles geralmente são adicionados como iframes que a página atual não pode acessar.

Algumas pessoas sugerem cobrir o chat com uma div invisível, removê-la depois que o usuário clicar nela e rastrear o clique. Isso obviamente faz com que o widget de bate-papo pareça quebrado, pois o usuário precisa clicar nele duas vezes para que funcione. Uma vez para remover a div invisível e outra para abrir a janela de bate-papo.

Felizmente, o registro de todos os eventos ao ouvir a fila de mensagens mostra algumas interações do widget de bate-papo que podemos usar para registrar diferentes ações.

Abaixo, você pode ver um evento do tipo "open-change" com um valor de dados verdadeiro ou falso, dependendo se a janela de bate-papo foi aberta ou fechada.

Console do navegador mostrando eventos do hubspot

Quando a mensagem de boas-vindas acima da janela de bate-papo é descartada, um evento do tipo 'closed-welcome-message' é gerado.

O console do Brower mostra uma janela de bate-papo do hubspot de registro de eventos que se fecha

Como os dados estão na forma de um objeto JSON, primeiro precisamos analisá-los para poder acessar qualquer um dos valores.

Uma vez analisado, podemos verificar o tipo de dados e enviar eventos analíticos de acordo.

Juntando tudo isso, o script de rastreamento de bate-papo tem a seguinte aparência:

Leia mais artigos deste autor

clique aqui