Cómo rastrear popups con Google Tag Manager y Google Analytics 4

Los popups se han convertido en herramientas esenciales para que los negocios no solo aumenten sus ventas a través de ofertas exclusivas, sino también para generar leads de manera efectiva. Al captar la atención de los visitantes, se crea una oportunidad invaluable para impulsar acciones específicas, como la suscripción a un boletín o la participación en promociones. Pero, ¿te has preguntado cuán efectivas son tus estrategias de popup? ¿Cuántos de los usuarios que ven un popup realmente interactúan con él? Con el tiempo y los recursos limitados, es crucial optimizar estas estrategias y asegurarte de que cada esfuerzo valga la pena.

Este artículo te guiará a través del proceso de seguimiento de popups utilizando Google Tag Manager (GTM) y Google Analytics 4 (GA4). Aprenderás a crear informes que te mostrarán no solo el número de veces que un visitante ha visto un popup, sino también cuántas veces se han registrado a través de él y cuál es la tasa de conversión de estos formularios. ¡Sigue leyendo para descubrir cómo maximizar tus esfuerzos de marketing!

¿Por qué hacer seguimiento de popups?

El seguimiento de popups es crucial por varias razones:

• Mejorar la conversión: Al entender cómo los usuarios interactúan con tus popups, puedes ajustar el contenido y el diseño para maximizar las conversiones.
• Evaluar el rendimiento: Puedes identificar qué popups están funcionando mejor y cuáles requieren una revisión.
• Optimización del marketing: Te permite asignar recursos de manera más efectiva, centrándote en estrategias que realmente generan resultados.

Primeros pasos: Preparación necesaria

Antes de comenzar, asegúrate de que tienes Google Analytics 4 configurado en tu sitio web. Si no lo tienes instalado, puedes encontrar guías detalladas sobre cómo hacerlo. Una vez que GA4 esté operativo, deberás establecer dos eventos clave: uno para rastrear cuando un visitante ve un popup y otro para registrar cada envío exitoso.

Cómo rastrear un popup exitoso

Existen diversas maneras en las que un mensaje de éxito puede aparecer tras la interacción con un popup, ya sea dentro del mismo popup o redirigiendo al visitante a otra página. Este tutorial se centrará en el caso en que el mensaje de éxito aparece en el mismo popup.

Primero, necesitas inspeccionar el elemento del popup para encontrar información relevante, como el id o la clase CSS que lo identifica. Haz clic derecho en la página y selecciona «Inspeccionar» para ver el código fuente.

Paso 1: Crea un desencadenador

Una vez que tengas el id del popup, dirígete a Google Tag Manager. Selecciona la opción «Desencadenadores» y crea uno nuevo. Elige «Configuración del desencadenador» y selecciona «Visibilidad del elemento». Este tipo de desencadenador se activa cuando el elemento elegido se encuentra en la vista del navegador.

Si solo tienes un popup con un id único, selecciona «ID». En caso contrario, elige «Selector CSS» para ingresar un selector más general. Configura el desencadenador para que se dispare una vez por página y asegúrate de activar «Observar cambios en el DOM».

Paso 2: Crea una etiqueta

Ahora, necesitas una etiqueta que funcione con el desencadenador creado. En el menú lateral, selecciona «Etiqueta» y luego «Nueva». Elige «Configuración de la etiqueta» y selecciona «Google Analytics > Evento GA4».

Si no has guardado tu ID de medición como constante, puedes crear una nueva variable de tipo «Constante» y pegar el ID. Asegúrate de tener los siguientes elementos en la etiqueta:

1. Nombre del evento: Usa un nombre claro, como popup_enviado.
2. Parámetros del evento:
   • Recoge el id del formulario como form_id.
   • Para calcular la tasa de envío de popups, asigna un valor de 1 cada vez que se dispare el evento, nombrándolo popup_envio.
3. Desencadenadores de activación: Selecciona el desencadenador que creaste anteriormente.

Cómo rastrear cuando se muestra un popup

Ahora que tienes un evento para capturar el envío de un formulario, es importante establecer otro evento que registre cuando un visitante simplemente ve un popup. El proceso será muy similar al anterior.

Inspecciona el popup nuevamente para determinar el selector CSS que necesitas usar. Asegúrate de que el id del formulario sea consistente entre ambos eventos. Si no cuentas con el mismo id, es recomendable consultar a un desarrollador para que lo añada.

Paso 1: Crea un desencadenador para el popup mostrado

Regresa a Google Tag Manager y crea un nuevo desencadenador. Selecciona «Configuración del desencadenador» y «Visibilidad del elemento».

Si solo tienes un popup único, utiliza «ID»; si no, selecciona «Selector CSS» y agrega un patrón más general, como wpforms-{id}. Completa las configuraciones como antes y asegúrate de que el desencadenador se dispare «Una vez por página» cuando el elemento sea «100% visible».

Paso 2: Crea una etiqueta para el popup mostrado

Utiliza la etiqueta del evento anterior como base y realiza las siguientes modificaciones:

1. Nombre del evento: Llama a este evento algo como popup_mostrado.
2. Parámetros: Cambia popup_envio por popup_mostrado para capturar un valor cada vez que el popup sea mostrado.
3. Desencadenador de activación: Actualiza el desencadenador para el evento que acabas de crear.

Obteniendo el mismo Form ID en ambos eventos

Es importante que el Form ID sea el mismo en ambos eventos para asegurar la coherencia de los datos. A veces, esto no ocurre, por lo que se puede utilizar JavaScript personalizado para extraer el ID único del formulario. Puedes usar el siguiente código como referencia:

function(){
  var input = {{Form ID}};
  var regex = /wpforms-form-(d+)/;
  var match = regex.exec(input);
  if (match && match[1]) {
    return match[1];
  }
}

Asegúrate de configurar la variable del Form ID en Google Tag Manager y repite el proceso para el mensaje de éxito. Actualiza los parámetros de ambos eventos para que provengan de estas variables.

Crear un informe para el seguimiento de popups

Google Analytics 4 permite crear métricas calculadas, lo que es ideal para analizar el rendimiento de tus popups. En el menú de administración, selecciona «Definiciones personalizadas» y luego «Métricas calculadas». A continuación, crea una métrica que calcule la tasa de envío de popups con la fórmula:

Tasa de envío de popups = (Envios de popups) / (Popups mostrados)

Una vez guardada la métrica, ve a la sección de «Explorar» y elige un informe en blanco. Agrega las dimensiones y métricas relevantes para tus popups:

• Dimensiones: Form ID
• Métricas: Popups mostrados, Envios de popups y Tasa de envío de popups.

Configura el Form ID como dimensión de fila y selecciona todas las métricas como valores. Puedes agregar más dimensiones según sea necesario para un análisis más profundo.