Seguimiento de formularios en Google Tag Manager con GA4: 7 métodos

Actualizado: 13 de junio de 2025

El seguimiento de formularios es un tema recurrente en las conversaciones entre los especialistas en marketing. En muchas ocasiones, este proceso puede resultar complicado, sobre todo cuando uno no tiene conocimientos de CSS o HTML. No te preocupes, porque en este artículo te presentaré diversas técnicas para realizar el seguimiento de formularios utilizando Google Tag Manager (GTM) y Google Analytics 4 (GA4).

Introducción al seguimiento de formularios con Google Tag Manager

El seguimiento de formularios es esencial para entender cómo los usuarios interactúan con tu sitio web. Sin embargo, existen diferentes tipos de formularios, cada uno con su propio comportamiento tras una presentación exitosa. Algunos formularios recargan la página, mientras que otros redirigen a una página de «gracias» o utilizan AJAX para enviar datos sin recargar. Esta variedad complica la implementación de un seguimiento eficaz, ya que no hay estándares globales sobre cómo deben ser desarrollados los formularios.

Si ya estás familiarizado con Google Tag Manager, es probable que hayas notado que incluye un disparador de «Form Submission» y variables de formulario predefinidas. Sin embargo, en muchos casos, el evento de envío estándar no se activa debido a que las formas pueden utilizar métodos alternativos, como jQuery. Esto puede resultar en que Google Tag Manager no registre la acción como esperas. A continuación, exploraremos diversas técnicas para abordar este desafío.

Cómo configurar el seguimiento de formularios en Google Analytics 4

Para rastrear envíos de formularios con Google Analytics 4, necesitas combinar etiquetas y disparadores. La creación de una etiqueta es el primer paso, y es fundamental que estés familiarizado con cómo instalar Google Analytics 4 en GTM antes de continuar.

Una vez que hayas instalado GA4, sigue estos pasos para crear una etiqueta de evento GA4 que utilizaremos en los ejemplos posteriores:

1. Ve a la sección de «Tags» en GTM.
2. Haz clic en el botón «New».
3. Selecciona «Google Analytics > Google Analytics: GA4 Event» en la configuración de la etiqueta.
4. En la sección de ID de Medición, inserta tu variable constante (con el ID de medición de GA4).
5. En el campo de nombre del evento, ingresa «generate_lead».
6. Deja la parte de «Triggering» vacía por ahora y haz clic en «Save».

Este es un paso crucial, ya que el tipo de disparador que elijas dependerá del método que utilices para rastrear el formulario.

Elegir el método adecuado para el seguimiento de formularios

Antes de sumergirte en las diferentes técnicas de seguimiento, es vital que examines el formulario y determines qué método se ajusta mejor a tus necesidades. A continuación, se presentan algunas consideraciones que te ayudarán a elegir la técnica adecuada:

• ¿El formulario redirige a una página de éxito después de enviarse?
• ¿Utiliza AJAX para enviar datos?
• ¿Muestra un mensaje de éxito en la misma página tras el envío?
• ¿Es un formulario personalizado o utiliza un plugin popular como Contact Form 7?

Método 1: Disparador de envío de formularios en Google Tag Manager

El primer método a explorar es el disparador de envío de formularios de GTM. Antes de configurarlo, asegúrate de habilitar las variables de formulario en la sección de «Built-in Variables». Para crear un nuevo disparador, sigue estos pasos:

1. Ve a «Triggers» en GTM.
2. Haz clic en «New» y selecciona «Form Submission» como tipo de disparador.
3. Configura las condiciones según la ID o la clase del formulario que deseas rastrear.
4. Guarda el disparador.

Es importante comprobar el funcionamiento del disparador antes de implementarlo. Utiliza el modo de «Preview» para asegurarte de que el evento «Form Submit» se registre correctamente.

Método 2: Seguimiento de la página de «Gracias» con Google Tag Manager

Si el disparador de envío estándar no funciona, verifica si el formulario redirige a una página de «gracias» tras un envío exitoso. Crea un nuevo disparador de página vista que se active solo en esa URL. Esto es crucial para evitar que se cuenten visitas accidentales a la página de éxito.

1. Crea un nuevo disparador en GTM seleccionando «Pageview» y «Some Page Views».
2. Especifica la regla que active el disparador solo en la URL de la página de «gracias».
3. Asigna un nombre claro al disparador para una fácil identificación.

Método 3: Seguimiento de formularios AJAX con Google Tag Manager

Los formularios que utilizan AJAX presentan un desafío adicional, ya que no generan un evento de «submit» convencional. Para rastrear estos formularios, se necesita implementar un «listener» de AJAX. Este método permite capturar envíos de formularios que no recargan la página, utilizando un código específico que puedes agregar en un «Custom HTML Tag» dentro de GTM.

<script id="gtm-jq-ajax-listen" type="text/javascript">
// Código del listener aquí
</script>

Después de añadir este código, verifica si el evento «ajaxComplete» se registra en el modo de «Preview» al enviar el formulario. Si se activa, puedes proceder a configurar un disparador basado en este evento.

Método 4: Seguimiento de formularios con el Disparador de Visibilidad de Elemento

El disparador de visibilidad de elemento en GTM permite rastrear cuando un elemento específico aparece en la pantalla. Este método es útil cuando un mensaje de éxito aparece después de que se ha enviado un formulario. Aquí te explico cómo configurarlo:

1. Crea un nuevo disparador de «Element Visibility».
2. Configura el método de selección para identificar el mensaje de éxito utilizando el selector CSS correspondiente.
3. Activa la opción «Observe DOM changes» para detectar cambios que no se deban a un desplazamiento.

Método 5: Crear tu propio Listener de Evento Automático

Si ninguna de las opciones anteriores funciona, considera escribir tu propio listener de evento automático. Aunque puede parecer complicado, hay recursos y guías que te pueden ayudar a implementarlo sin necesidad de tener habilidades de programación avanzadas.

Método 6: Seguimiento de formularios con eventos dataLayer

Incorporar eventos dataLayer es una solución robusta, pero generalmente requiere colaboración con desarrolladores. Si tu formulario no funciona con el listener de GTM, puedes solicitar que se implemente un evento dataLayer que se active tras un envío exitoso. Este método asegura que se obtiene información precisa y estable.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'event': 'formSubmission',
   'formType': 'Contacto',
   'formPosition': 'Footer'
});

Asegúrate de proporcionar a los desarrolladores instrucciones claras sobre cómo implementar este código.

Método 7: Seguimiento de formularios con DOM Scraping

Este método debe considerarse como último recurso debido a su fragilidad. Implica la extracción de datos directamente del DOM, lo cual puede fallar si se realizan cambios en la página. Para implementarlo, necesitarás crear una variable de elemento DOM que busque el mensaje de éxito específico en tu formulario.

1. Crea una variable de tipo «DOM Element».
2. Utiliza selectores CSS para identificar el texto del mensaje de éxito.
3. Configura un disparador basado en el valor de esta variable.

Pruebas y verificación de seguimiento de formularios

Independientemente del método que elijas, es crucial realizar pruebas exhaustivas. Utiliza el modo de «Preview» en GTM para asegurarte de que los eventos se registran correctamente en Google Analytics. Verifica que las métricas reflejan con precisión las interacciones de los usuarios con los formularios, y ajusta los parámetros según sea necesario.

Recuerda que el seguimiento de formularios es una parte esencial de la analítica web y puede proporcionarte información valiosa sobre el comportamiento de los usuarios. Implementa las técnicas adecuadas y asegúrate de que estás capturando los datos necesarios para optimizar tus estrategias de marketing y mejorar la experiencia del usuario en tu sitio web.