Cuando integras Yay! Forms con Google Tag Manager (GTM), nuestra plataforma envía automáticamente los datos de los envíos a la Capa de Datos (dataLayer) de tu sitio web.
Por defecto, Yay! Forms dispara eventos como YFAnswer cada vez que un usuario responde una pregunta. Sin embargo, en muchos casos, es posible que desees activar una etiqueta de conversión (Google Ads, Meta Pixel, etc.) solo cuando se complete un campo específico — como el campo de Correo electrónico — o cuando el usuario alcance una puntuación mínima.
En este tutorial, usaremos el registro del campo de Correo electrónico como ejemplo, ¡pero aprenderás la lógica para aplicarla a cualquier otro criterio!
Paso 1: Descubre el ID del campo deseado
Para garantizar que tu configuración no se rompa si cambias el título de la pregunta en el futuro, la mejor práctica es utilizar el ID del campo (fieldId) como regla, en lugar del texto de la pregunta.
-
Abre el modo de vista previa (Preview) de tu GTM.
-
Ve a la página donde está publicado tu formulario y completa el campo de prueba (ej: tu correo) para avanzar.
-
En la ventana de GTM Preview, busca en el menú lateral izquierdo el evento
YFAnswerque se acaba de disparar. -
Haz clic en la pestaña Data Layer.
-
Busca la propiedad
data.fieldIdy copia el código que aparece entre comillas (será una secuencia de letras y números, como 661071860811e305370cadb8).
Paso 2: Crea la Variable de Capa de Datos en GTM
Ahora, necesitamos "enseñar" a GTM a leer la información de este ID de forma dinámica.
-
En tu panel de GTM, ve a Variables y haz clic en Nueva (en la sección de Variables definidas por el usuario).
-
Haz clic en Configuración de la variable y elige el tipo Variable de capa de datos (Data Layer Variable).
-
En el campo Nombre de variable de capa de datos, escribe exactamente la ruta de la propiedad:
data.fieldId -
Dale un nombre fácil de identificar, como DLV - ID del Campo, y haz clic en Guardar.
Paso 3: Crea el Activador (Trigger) de Conversión
Ahora vamos a crear la regla exacta: GTM solo disparará la etiqueta cuando el evento sea una respuesta (YFAnswer) Y el ID del campo coincida con el del correo electrónico.
-
Ve al menú lateral Activadores y haz clic en Nuevo.
-
Haz clic en Configuración del activador y elige Evento personalizado.
-
En el campo Nombre del evento, escribe:
YFAnswer -
En "Este activador se activa en", selecciona la opción Algunos eventos personalizados.
-
Configura la regla de activación seleccionando la variable que creaste en el Paso 2:
-
Elige:
[DLV - ID del Campo] -
Condición: es igual a
-
Valor: Pega el código de ID que copiaste en el Paso 1.
-
-
Dale un nombre (ej: Trigger - Respuesta Email) y haz clic en Guardar.
Paso 4: Añade el Activador a tu Etiqueta
¡Listo! Ahora solo ve a tu Etiqueta de Conversión (de Google Ads, Meta, Analytics, etc.), baja hasta la sección de Activación y selecciona el Trigger que acabas de crear. Guarda y publica los cambios en tu GTM.
Yendo más allá: Usando otras reglas (Ej: Puntuación)
No estás limitado solo a IDs de campos. El payload (paquete de datos) que Yay! Forms envía al dataLayer es muy rico.
Por ejemplo, si tu formulario tiene una calculadora lógica y solo quieres disparar una conversión si el Score (puntuación) del usuario es mayor que 100, puedes seguir la misma lógica:
-
Crea la Variable: GTM necesita leer la puntuación. Crea una Variable de Capa de Datos con el nombre:
data.variables.score -
Crea el Activador: Crea un Evento Personalizado para el momento del envío final (
YFSubmit). -
Configura la Regla: Ajústalo para que se dispare solo cuando tu nueva variable sea mayor que
100.
¡Puedes explorar el Preview de GTM para ver todos los datos que enviamos dentro de la propiedad data (como UTMs, campos ocultos y más) y crear activadores súper segmentados para tus campañas!