Los formularios de HubSpot (HS) son una poderosa herramienta para captar clientes potenciales y atraer visitantes. Sin embargo, realizar un seguimiento preciso de los envíos de formularios es crucial para medir el rendimiento, optimizar las conversiones y comprender el comportamiento de los usuarios.
Al aprovechar Google Tag Manager (GTM), puede realizar un seguimiento perfecto de los envíos de formularios y enviar los datos de los eventos directamente a Google Analytics 4 (GA4) para realizar un análisis en profundidad.
En esta guía, te guiaremos paso a paso en el proceso de implementación del seguimiento de conversiones mejorado para los formularios de HubSpot mediante GTM, garantizando que ninguna conversión quede sin seguimiento.
Aunque existen varias formas de realizar un seguimiento de los envíos de formularios de HubSpot, el uso de Google Tag Manager (GTM) ofrece ventajas únicas en cuanto a flexibilidad, escalabilidad y control:
Gestión centralizada de etiquetas
Gestiona todos los scripts de seguimiento (GA4, Google Ads, Facebook Pixel, etc.) desde una única interfaz sin tocar HubSpot o el código del sitio directamente.
Activadores de eventos personalizados para HubSpot
GTM te permite escuchar eventos específicos de HubSpot (como onFormSubmitted) y crear desencadenantes y etiquetas personalizados basados en ID de formulario, datos de usuario o contexto de página.
Ampliable a múltiples formularios
Tanto si tienes 1 como 100 formularios HubSpot, GTM permite una configuración de seguimiento consistente sin duplicar scripts en las páginas.
Mayor facilidad para configurar la conversión
Con GTM, puedes introducir fácilmente los datos del usuario (como correo electrónico y teléfono) en la capa de datos para mejorar las conversiones, sin necesidad de personalizar cada formulario individual de HubSpot.
Depuración y control de versiones mejorados
El modo de vista previa y depuración de GTM le ayuda a probar el seguimiento de formularios en tiempo real, y el historial de versiones le ofrece seguridad de retroceso.
Mediante el uso de GTM, puede realizar un seguimiento de los envíos de formularios de HubSpot de manera más eficiente, con una mayor personalización y menos riesgo de romper su sitio o formularios.
Cuando un formulario de HubSpot se envía correctamente, se activa un evento integrado llamado hsFormCallback. Sin embargo, Google Tag Manager (GTM) no detecta automáticamente este evento, por lo que tenemos que escucharlo manualmente y enviar los datos relevantes a la capa de datos.
El siguiente script escucha los eventos postMessage de los formularios de HubSpot. Cuando detecta el envío de un formulario (onFormSubmitted), extrae información clave como el correo electrónico del usuario, el número de teléfono y el ID del formulario (GUID) y, a continuación, envía un evento personalizado llamado hubspot-form-success al dataLayer. Esto hace que los datos de envío estén disponibles para GTM con fines de seguimiento, incluidas las conversiones mejoradas si se configuran correctamente.
Here’s the code you should place in your site’s <head> tag or inject via GTM:
<script type="text/javascript">
window.addEventListener("message", function(event) {
if (event.data.type === 'hsFormCallback') {
var email = '';
var phone = '';
var formGuid = '';
if (event.data) {
formGuid = event.data.formGuid || event.data.id || '';
if (event.data.data && event.data.data.submissionValues) {
email = event.data.data.submissionValues.email || '';
phone = event.data.data.submissionValues.phone || '';
}
}
if (event.data.eventName === 'onFormSubmitted') {
window.dataLayer.push({
'event': 'hubspot-form-success',
'hs-form-guid': formGuid,
'email': email,
'phone': phone
});
}
}
});
</script>
Ahora, utilice este activador para disparar eventos de Google Analytics 4(GA4).
1. Cree una nueva etiqueta en GTM.
2. Elija Google Analytics: Evento GA4 como tipo de etiqueta.
3. Conecte el ID de medida de su cuenta GA4.
4. Establezca Event Name como hubspot-form-success.
5. Establezca Event Name como hubspot-form-success.
5.1 Para configurar el UPD manualmente, vaya a GTM > Variables > Seleccione "Datos proporcionados por el usuario".
5.2 Seleccione Configuración manual e introduzca las variables para Email y/o Teléfono
6. Vincúlelo al activador creado en el paso 1.
7. Pruebe en el modo de vista previa y envíe un formulario de prueba.
7.1 Acuérdate de comprobar si Google Tag Assistant funciona correctamente, este mensaje debería aparecer en la pantalla
8. Para depurar los datos proporcionados por el usuario, compruebe la llamada a la API.
El seguimiento preciso de los envíos de formularios de HubSpot mediante Google Tag Manager (GTM) y Google Analytics 4 (GA4) es un paso crucial para comprender el comportamiento de los usuarios, optimizar las rutas de conversión y tomar decisiones de marketing más inteligentes y basadas en datos.
Al poner en práctica los pasos descritos en esta guía, obtendrá visibilidad de las interacciones con formularios que, de otro modo, podrían pasar desapercibidas. Esto no solo garantiza que todos los clientes potenciales se capturen y atribuyan correctamente, sino que también te proporciona la información necesaria para ajustar tus campañas, mejorar la experiencia del usuario y, en última instancia, aumentar el retorno de la inversión.
Tanto si gestiona unas pocas páginas de destino como si ejecuta una estrategia de generación de demanda a gran escala, disponer de una configuración de seguimiento fiable es la base de un marketing digital eficaz.
Si buscas ayuda práctica o quieres asegurarte de que tu integración de GTM y HubSpot está configurada de forma correcta y eficiente, no dudes en ponerte en contacto con nosotros. Un marco de seguimiento sólido hoy puede conducir a decisiones más inteligentes y mejores resultados mañana.
