¿Alguna vez te has preguntado cómo rastrear eficazmente las presentaciones de formularios en un sitio web que utiliza una única página de «Gracias»? Este desafío es común en sitios con múltiples formularios que redirigen a la misma página de agradecimiento. Aunque el activador de envío de formularios de Google Tag Manager (GTM) puede fallar en ocasiones, existen métodos alternativos. A continuación, te mostraré diversas estrategias para gestionar el seguimiento de múltiples formularios utilizando una sola página de agradecimiento.
Opciones para rastrear múltiples formularios con una sola página de agradecimiento
En este artículo, exploraremos varias opciones para rastrear presentaciones de formularios en un entorno donde varios formularios conducen a una misma página de agradecimiento. Cada opción tiene sus propias ventajas y desventajas, así que elige la que mejor se adapte a tus necesidades.
Este método es ideal si solo tienes un formulario por página. Si tanto la página del formulario como la de agradecimiento pertenecen al mismo subdominio, puedes usar la variable de referrer de GTM, que proporciona la URL de la página anterior.
Sin embargo, ten en cuenta que esta variable puede ser limitada debido a las implicaciones de privacidad. Si la página de agradecimiento está en un dominio diferente, el referrer puede no devolver la URL completa, lo que dificulta saber desde qué página llegó el visitante.
Para verificar si este método es viable:
Habilita el modo de vista previa y depuración de GTM.
Recarga la página que contiene el formulario que deseas rastrear.
Envía el formulario y verifica que te redirige a la página de agradecimiento.
Revisa el evento Window Loaded en el modo de vista previa y verifica el valor del referrer.
Si puedes identificar de qué página proviene el visitante, este método es adecuado para ti. Si no, considera la opción siguiente.
#1.1. Crear un Activador
En GTM, dirígete a Activadores > Nuevo > Vista de página y configura las siguientes condiciones:
El camino de la página comienza con /thank-you.
El referrer contiene www.ejemplo.com (sustitúyelo por el dominio de tu sitio). Esta condición es opcional, pero ayuda a evitar que se active el tag si alguien llega accidentalmente a la página de agradecimiento desde una búsqueda en Google.
#1.2. Crear una etiqueta de Google Analytics
Ahora, crea una etiqueta de Google Analytics en GTM. Dirígete a Etiquetas > Nuevo > Google Analytics: Evento GA4 e introduce la configuración necesaria. Puedes optar por un nombre de evento diferente, pero el objetivo es enviar la URL de la página anterior como un parámetro de evento.
Si prefieres rastrear solo el camino del referrer y no la URL completa, puedes crear una variable de URL en GTM y usarla en tu etiqueta GA4.
#1.3. Probar la configuración
Guarda los cambios y activa el modo de vista previa en GTM. Envía el formulario y verifica que el evento form_submission se registre en la página de depuración. Si todo es correcto, publica el contenedor y realiza otra presentación del formulario para asegurarte que el evento se está enviando a GA4 correctamente.
Recuerda añadir el valor de la variable form_url como una dimensión personalizada en la interfaz de GA4 siguiendo estos pasos:
Ve a Admin > Definiciones Personalizadas.
Selecciona la opción de Definiciones Personalizadas.
Haz clic en Crear Dimensión Personalizada, introduce los detalles de la variable form_url y guarda los cambios.
Opción #2. Trabajando con una aplicación de una sola página (SPA): usar grupos de activadores
Si estás utilizando una SPA, considera usar grupos de activadores. Esta función te permite combinar varios activadores. Si todos se activan en la misma página, el grupo de activadores y todas las etiquetas asociadas se activarán.
La idea principal es sencilla:
Cuando un visitante accede a una página de formulario, se activa el Activador A.
Cuando llega a la página de agradecimiento, se activa el Activador B.
Si ambos activadores están en un solo grupo, entonces tu etiqueta de evento GA4 se disparará.
Para esto, necesitarás colaborar con un desarrollador que pueda enviar información al Data Layer. Esto se puede realizar con el siguiente código:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'virtualPageview',
'pageTitle': 'Título de la página',
'pagePath': '/pagina/con/formulario'
});
Luego, puedes crear variables de Data Layer y un activador de evento personalizado para cada vista virtual.
#2.1. Activadores
Crea un activador para la página de agradecimiento y uno para cada formulario. Utiliza el nombre del evento que representa una vista virtual y ajusta la configuración según tu proyecto.
#2.2. Grupos de activadores
Luego, crea grupos de activadores, uno para cada formulario. Dirígete a Activadores > Nuevo > Grupo de activadores e incluye el activador de la página de agradecimiento y el de la vista del formulario correspondiente.
#2.3. Etiquetas
Finalmente, crea etiquetas para cada formulario. Asigna cada etiqueta a su grupo de activadores correspondiente. Esto facilitará el rastreo de cada formulario por separado.
#2.4. Probar la configuración
Guarda todos los cambios, activa el modo de vista previa y envía el formulario para verificar que el evento form_submission se registre correctamente. Si todo funciona, procede a publicar el contenedor.
Opción #3. Almacenar la información del último formulario enviado en una cookie
Esta opción es útil si la página de agradecimiento está en el mismo dominio que la página del formulario. Si ambos están en subdominios, esto también funcionará.
La estrategia consiste en almacenar información sobre el formulario enviado en una cookie. Al llegar a la página de agradecimiento, leeremos la cookie y utilizaremos esa información en nuestra etiqueta de GA.
Aquí hay algunos pasos que seguiremos:
Al enviar un formulario, guardaremos información en una cookie.
Cuando el visitante llegue a la página de agradecimiento, leeremos esa cookie y la utilizaremos en nuestra etiqueta de GA.
#3.1. Configurar la cookie
Utiliza una etiqueta de HTML Personalizado en GTM para establecer la cookie. Aquí hay un ejemplo de código que podrías utilizar:
<script>
var cookieName = "gtm_formInfo"; // Nombre de la cookie
var cookieValue = {{Page Path}}; // Valor de la cookie
var expirationTime = 86400; // 24 horas en segundos
var date = new Date();
date.setTime(date.getTime() + (expirationTime * 1000)); // Establece la fecha de expiración
document.cookie = cookieName+"="+cookieValue+"; SameSite=None; Secure; expires="+date.toUTCString()+"; path=/; domain=." + location.hostname.replace(/^www./i, ""); // Configura cookie
</script>
Este código configurará una cookie que expire en 24 horas, a menos que el visitante envíe otro formulario y se sobrescriba el valor.
#3.2. Verificar la cookie
Después de guardar el activador y la etiqueta, activa el modo de vista previa y haz clic en el botón de envío del formulario. La etiqueta de HTML Personalizado debería activarse en el evento de clic. Verifica en las herramientas de desarrollo de tu navegador si la cookie se creó correctamente.
#3.3. Crear una variable de cookie de primera parte en GTM
En GTM, crea una nueva variable de tipo Cookie de primera parte que leerá la cookie que configuraste previamente. Esta variable se utilizará para extraer la información almacenada.
#3.4. Crear un activador
Crea un activador de vista de página que se active en la página de agradecimiento. Por ejemplo, si la URL de tu página de agradecimiento es ejemplo.com/paginas/gracias/, configura los ajustes del activador para que coincidan.
#3.5. Crear un tag
Por último, crea una etiqueta para enviar los datos de presentación del formulario a Google Analytics. Asegúrate de que el activador se active cuando un visitante llegue a la página de agradecimiento. No olvides añadir la variable de la cookie como un parámetro de evento en la etiqueta de GA4.
#3.6. Probar la configuración
Guarda los cambios y activa el modo de vista previa en GTM. Envía el formulario nuevamente y verifica que el evento form_submission se registre correctamente.
Opción #4. Cambiar la URL de la página de agradecimiento
Esta opción es ideal si puedes modificar la URL de la página de agradecimiento para cada formulario. Aquí, añadirás un parámetro a la URL, como formName. Por ejemplo, si tu página de agradecimiento es ejemplo.com/paginas/gracias/, podrías tener:
ejemplo.com/paginas/gracias/?formName=form1
ejemplo.com/paginas/gracias/?formName=form2
ejemplo.com/paginas/gracias/?formName=form3
Luego, crearás una variable de URL en GTM para capturar el valor de formName y utilizarlo en la etiqueta de GA.
#4.1. Crear una variable de URL
En GTM, ve a Variables > Nuevo > Variable de URL y configura la variable para capturar el parámetro formName.
#4.2. Crear un activador
<pUtiliza el mismo activador de vista de página que hemos mencionado en secciones anteriores. Configura los ajustes para que coincidan con la URL de la página de agradecimiento.
#4.3. Crear un tag
Crea una etiqueta de evento en Google Analytics que se active cuando un visitante llegue a la página de agradecimiento. Asegúrate de insertar el valor de la variable de URL en la etiqueta.
#4.4. Probar la configuración
Guarda los cambios, activa el modo de vista previa y verifica que el evento form_submission se registre correctamente cuando envíes el formulario.
Opción #5. Cooperar con desarrolladores
Si las opciones anteriores no han funcionado, es momento de colaborar con desarrolladores. Algunas sugerencias son:
Pedir a un desarrollador que modifique la URL de cada página de agradecimiento para incluir un parámetro que indique qué formulario fue enviado.
Solicitar que se envíen detalles sobre la presentación del formulario al Data Layer en la página de agradecimiento, utilizando un código similar al siguiente:
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'formSubmission',
'formName': 'nombre_del_formulario' // Reemplaza con el nombre real del formulario
});
</script>
Una vez implementado esto, deberás crear un activador de evento personalizado, una variable de Data Layer y una etiqueta de evento en GA.
#5.1. Probar la configuración
Guarda todos los cambios, activa el modo de vista previa y verifica que el evento form_submission se registre correctamente.
¿Dónde puedo encontrar estos datos en mis informes de Google Analytics 4?
Los eventos se pueden encontrar en dos lugares dentro de Google Analytics:
En Informes > Compromiso > Eventos, donde puedes revisar y analizar todos los eventos registrados.
Puedes crear un nuevo informe de exploración. Navega a Explorar y selecciona Exploración en blanco para obtener un análisis más detallado de los datos de eventos.
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
