Código Javascript en pantalla

Seguimiento de formularios y chat de HubSpot con Google Analytics

Este post se actualizó el 25 de septiembre de 2019 para incluir los nuevos eventos de conversación disponibles en el widget de chat. Los nuevos eventos hacen posible el seguimiento real de la conversación en lugar de solo la apertura y el cierre de la ventana de chat.

Si utilizas HubSpot para los formularios de tus sitios web y el chat de usuario, es posible que también quieras configurar objetivos en Google Analytics para registrar la frecuencia con la que se rellenan esos formularios o se inicia una sesión de chat.

No hay opciones de integración en HubSpot para hacer esto automáticamente, pero aún es posible.

Seguimiento de formularios incrustados de Hubspot

Estos son los tipos de formularios más fáciles de rastrear, ya que la api de formularios proporciona una llamada de retorno (Documentación API).

Abajo, puedes ver el código original del formulario, y después de la modificación para enviar un evento después de un envío exitoso.

Seguimiento de formularios HubSpot LeadFlow

Los formularios Lead Flow se añaden a través del script de incrustación de seguimiento estándar, por lo que no es posible modificar el código directamente.

Estos formularios pueden rastrearse adjuntando un oyente a los eventos "mensaje" (Documentación API)

Seguimiento de las acciones de HubSpot Chat

Actualización: Hubspot ha añadido los eventos de inicio de conversación, fin de conversación y mensajes no leídos. El Gist a continuación incluye el seguimiento de estos nuevos eventos.

Puede encontrar la documentación oficial aquí: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


El seguimiento de los widgets de chat es tradicionalmente difícil, ya que generalmente se añaden como iframes a los que la página actual no puede acceder.

Algunas personas sugieren cubrir el chat con un div invisible, quitarlo después de que el usuario haga clic en él y rastrear el clic. Obviamente, esto hace que el widget de chat parezca roto, ya que el usuario tiene que hacer clic en él dos veces para que funcione. Una vez para quitar el div invisible y otra para abrir la ventana de chat.

Afortunadamente, el registro de todos los eventos al escuchar la cola de mensajes muestra algunas interacciones del widget de chat que podemos utilizar para registrar diferentes acciones.

A continuación, puede ver un evento del tipo 'open-change' con un valor de datos de true o false dependiendo de si la ventana de chat se abrió o se cerró.

Consola del navegador mostrando eventos hubspot

Cuando se cierra el mensaje de bienvenida sobre la ventana de chat, se genera un evento del tipo 'closed-welcome-message'.

Brower consola que muestra un evento de registro hubspot ventana de chat de cierre

Como los datos están en forma de objeto JSON, primero tenemos que analizarlos para poder acceder a cualquiera de los valores.

Una vez analizados, podemos comprobar el tipo de datos y enviar eventos analíticos en consecuencia.

Juntándolo todo, el script de seguimiento del chat tiene este aspecto:

Leer más artículos de este autor

pulse aquí