GA4 Eventos personalizados con GTM

Cómo configurar eventos personalizados en Google Analytics 4 (GA4) 

Nos adentramos ahora en Google Analytics 4 (GA4) y nos centramos en la configuración de eventos personalizados. Hoy nos centraremos en los eventos personalizados, que son una parte importante de la analítica en GA4. No se trata sólo de satisfacer las necesidades técnicas, sino también de utilizar los datos para crear una presencia digital innovadora.  

Por qué es importante:    

Los eventos personalizados de GA4 sirven de catalizador para una toma de decisiones personalizada y basada en datos. Imagine la posibilidad de adaptar sus análisis para supervisar con precisión elementos cruciales para su negocio. En esta guía, explicamos el proceso y ofrecemos información que va más allá de lo básico. ¿Por qué debería configurar eventos personalizados? Puede estudiar cómo los usuarios utilizan su sitio web, hacen planes y encuentran información útil. Estas acciones contribuirán al éxito de sus proyectos digitales. 

Consejo: ¿Tienes curiosidad por saber qué son los eventos GA4 y cómo funcionan? Sumérjase en nuestra entrada del blog: Eventos de Google Analytics 4 (GA4): Guía completa de eventos personalizados.  

 

Cómo crear eventos personalizados en la interfaz GA4:  

El panel de eventos GA4 nos permite realizar eventos personalizados sin necesidad de utilizar Google Tag Manager. Explicaremos GTM más adelante, el panel GA4 mezcla eventos que ya han sido rastreados.  

Consejo: Esta opción es práctica si no quieres ocuparte de detalles técnicos, pero también es algo limitada.  

Para crear un nuevo evento: 

  1. Ir a Admin 
  2. Haga clic en Eventos
  3. Haga clic en el botón Crear un evento

 

Verás el panel de eventos, aquí puedes modificar la configuración de los eventos existentes y crear nuevos eventos personalizados.   

 

Por ejemplo, combinando los eventos 'page_view' y 'page_location ', tendrás un nuevo evento personalizado 'view_thankyou-page'.   

 

GA4 crear panel de eventos mostrando la configuración de eventos personalizados

   

Vamos a crear nuestro evento 'view_thankyou_page '.  

 

  1. En primer lugar, tenemos que definir un nuevo nombre para nuestro evento personalizado 
    1. Utilizaré view_thankyou_page  
  2. A continuación, estableceremos nuestras condiciones de evento personalizadas: 

parámetro 

operador 

valor 

nombre_evento 

es igual a 

vista_página 

page_location 

contiene 

/gracias/ 

 

Ahora lo guardamos y GA4 rastreará un nuevo evento view_thankyou_page cuando todas las condiciones coincidan 

  • Cuando se dispara un evento page_view en una página que contiene /thank-you/ en su URL.  

Por defecto, GA4 permite hasta 50 reglas de eventos personalizadas en una sola propiedad, así que tenlo en cuenta.   

 

GA4 crear pantalla de configuración de eventos configurando evento personalizado view_thankyou_page con page_view y condición URL que contenga /thank-you/

 

 

Cómo configurar un evento personalizado en GA4 mediante Google Tag Manager: 

GTM (Google Tag Manager) es una de mis opciones favoritas para configurar eventos personalizados.  

Su mayor ventaja es la flexibilidad y comodidad de tener todos nuestros ajustes en un solo lugar. 

Tenga en cuenta que los siguientes ejemplos pueden no funcionar en su sitio web porque su configuración será diferente. Pero no deberías tener problemas para replicarlos en tu estrategia de eventos.     

Digamos que necesitamos rastrear todos los enlaces que tenemos en nuestra barra de menú, y necesitamos disparar un evento personalizado para todas las opciones de enlace. 

 

Barra de menú del sitio web con varios enlaces en los que se puede hacer clic

 

Iniciar el modo de vista previa de GTM para ver los cambios que realiza nuestro sitio web cuando hago clic en botones o enlaces.  

  1. Ir a Google Tag Manager 
  2. Haga clic en el botón de modo de vista previa 
  3. Pegue la URL de su sitio web 
  4. Haga clic en conectar 

 

Modo de vista previa de Google Tag Manager

 

¿Te preguntas cómo comprobar si funciona el modo de vista previa? Busque el parámetro ?gtm_debug=xxxxx añadido a todas las URL de su sitio web.  

 

Ahora puedo empezar a depurar mi sitio. Una vez que hago clic en mi barra de menú GTM captura dos eventos cuando hago clic en el enlace "Qué hacemos  

  • Enlace 
  • Pulsar botón 

 

La interfaz del modo de vista previa de GTM muestra los eventos de clic en enlace y clic en botón que se activan al hacer clic en el enlace del menú "A qué nos dedicamos" del sitio web.

  

He probado mis otros enlaces de menú en nuestro sitio web de gravedad ágil. Siempre envía dos eventos: un botón de clic y un botón de enlace. 

  • Quiénes Somos 
  • Lo que Pensamos 
  • Trabaja con Nosotros 

Esto ocurre debido a la plantilla de HubSpot que utilizamos. Miré los dos eventos para ver si ambos envían el mismo parámetro de clase de clic y valor header__menu-link, y lo hacen. 

 

El modo de vista previa de GTM muestra eventos duplicados de clic de enlace y clic de botón con la clase de clic coincidente 'header__menu-link' para elementos de menú HubSpot en el sitio web Nimble Gravity.

 

Puedo crear un evento para rastrear los botones de mi barra de menú. Este evento puede ser disparado al hacer clic en el botón o en el enlace. Tanto el botón como el enlace tienen el mismo nombre de clase así que, por coherencia, si el elemento es un enlace, el evento se disparará cuando se haga clic en el enlace.  

Vista del espacio de trabajo de Google Tag Manager con la sección "Activadores" seleccionada para crear un nuevo activador para el seguimiento de los clics en enlaces y botones de la barra de menús.

 

Seleccione el tipo de activación: clic de enlace. 

Pantalla de configuración del activador GTM con "Sólo enlaces" seleccionado como tipo de activador para el seguimiento de eventos de clic en enlaces

 

A continuación, podemos configurar nuestros parámetros: 

  • Hacer clic en Clases confirmará el HTML del elemento en el que estamos haciendo clic. 
  • Igual es el método de comparación  
  • header__menu-link es el valor que estamos intentando revisar. 

Ahora nuestro disparador se disparará si todas nuestras condiciones son verdaderas. 

Consejo: utilice una convención de nomenclatura específica y detallada para encontrar fácilmente los activadores y reutilícelos, cuando sea posible, para evitar crear otros innecesarios.    

 

Ventana de configuración del activador GTM que establece condiciones utilizando Click Classes equals header__menu-link para un seguimiento preciso de los enlaces.

 

 

Existen muchos activadores alternativos; asegúrese de utilizar el que mejor se adapte a su estrategia de medición. 

También es crucial entender los parámetros del disparador. Piense siempre en el mantenimiento que necesitará el disparador una vez creado para poder crear las mejores reglas de disparo. 

  • Ejemplo: Si utilizara un activador de texto de clic, evaluaría el texto del enlace o del botón. Podría funcionar, pero si el sitio sigue cambiando, es probable que se rompa a menudo en el futuro. 

 

 

Configuración de parámetros de eventos personalizados en Google Tag Manager y envío de datos a GA4 

 

Vaya a Etiquetas > Nuevo > Google Analytics > Google Analytics: Evento GA4  

Recuerde guardar el nombre de la etiqueta con sus convenciones de nomenclatura. 

 

Ventana de configuración de etiquetas GTM para configurar una etiqueta de evento GA4 con parámetros de evento personalizados en Google Tag Manager

 

Ahora, establezco mi disparador anterior para este evento personalizado. 

 

Pantalla de configuración de etiquetas de Google Tag Manager que muestra la configuración del disparo de un evento personalizado

 

 

Especificamos el ID de medida de nuestro flujo de datos, yo lo tengo almacenado en una variable constante por comodidad.  

Luego definimos el nombre de nuestro evento personalizado y en este caso, me aseguro de que sea lo más descriptivo posible a la acción que se está realizando. 

  • menu_bar_click  

  

Para añadir parámetros al evento, simplemente elija el nombre que prefiera. Siga la convención de nomenclatura de GA4 para mantener la coherencia.   

Los parámetros nos ayudan a enviar contexto adicional a nuestro evento personalizado, asegúrese de alinear esto con su estrategia de medición.  

 

 En mi caso, lo que quiero enviar quiero saber sobre este evento  

  • Dónde se celebra  
    • Haga clic en clase 
  •  El tipo de acontecimiento es   
    • Un enlace 
  •  El texto sobre el que se ha hecho clic 
    • Texto de las opciones de menú 

 

Pantalla de configuración de etiquetas GTM que muestra la configuración de parámetros de eventos GA4 personalizados, incluida la clase de clic, el tipo de evento y el texto clicado para el seguimiento de enlaces de menú.

 

 

Cómo probar sus eventos personalizados en Google Analytics 4  

Después de guardar nuestro evento en GTM, haremos clic en el modo de vista previa para actualizar y confirmar que todo funciona. Podemos utilizar la vista de depuración en GA4. 

 

Vista del panel de administración de GA4 que muestra los pasos de navegación para acceder a DebugView y probar los eventos personalizados configurados en Google Tag Manager

  

Esta vista nos permite probar el evento antes de enviarlo directamente a GA4, viéndolo como un entorno de ensayo. 

Una vez que vea su evento en la vista haga clic para ver todos los parámetros. 

 

Interfaz GA4 DebugView que muestra el dispositivo de depuración, la línea de tiempo de eventos y la sección Top Events para probar parámetros de eventos personalizados.

 

  

Ahora, sólo tenemos que comprobar si los parámetros que enviamos tienen los valores correctos. Podemos probar cada enlace de nuestra barra de menús para asegurarnos de que no hay ningún valor vacío. 

 

Interfaz GA4 DebugView que muestra la línea de tiempo de los eventos y los detalles de los parámetros para verificar los valores pasados desde los clics de los enlaces del menú.

 

 

Una vez finalizado nuestro proceso de control de calidad, debemos volver a Google Tag Manager. A continuación, hacemos clic en el botón Enviar para enviar nuestros cambios al contenedor. Después de eso, nuestros eventos aparecerán automáticamente en la propiedad GA4 una vez que se publique. 

 

Interfaz de Google Tag Manager con el botón Enviar resaltado para publicar los cambios del contenedor y activar el seguimiento de eventos personalizados en GA4

 

Conclusión: 

Recuerde que, tanto si opta por la sencillez de GA4 como por la flexibilidad de GTM, la creación estratégica de eventos es clave. La coherencia en la nomenclatura de los disparadores y la configuración de los parámetros garantiza un seguimiento perfecto. 

  • Versatilidad en GA4: Exploración del espectro de tipos de eventos, desde los automáticos hasta los personalizados, para obtener información diversa. 
  •  Facilidad de uso de GA4: Creación de eventos personalizados directamente en GA4, un enfoque fácil de usar para configuraciones rápidas. 
  •  Flexibilidad de GTM: Aprovechamiento de Google Tag Manager para mejorar la flexibilidad, especialmente en escenarios de seguimiento complejos. 
  •  Proeza en las pruebas: Eventos rigurosamente probados en la vista de depuración de GA4 a través de GTM, garantizando la precisión antes del despliegue. 
  • En tu viaje GA4, es crucial encontrar el equilibrio adecuado entre sencillez y potencia.  

Estamos especializados en la optimización de configuraciones GA4 para empresas. Déjese guiar por nosotros. Pruebe, itere y descubra análisis significativos con nuestros servicios personalizados. Mejore su éxito digital: asóciesecon nosotros hoy mismo

 

Eleve su juego digital con Nimble Gravity: 

¿Listo para potenciar su éxito digital? Deje que Nimble Gravity perfeccione su estrategia. Asóciese con nosotros hoy mismo para lograr una transformación perfecta basada en datos. 🚀 

  

Un ejemplo: Transformación de Tribute con Nimble Gravity 

Conozca Tribute Technology, que impulsa más de 15.000 sitios web para celebraciones memorables del final de la vida. Los retos en UX, precios y surtido estaban obstaculizando el éxito de la floristería. Nimble Gravity introdujo un marco de pruebas A/B, corrigió los informes de Google Analytics y renovó la experiencia de compra. ¿El resultado? Un notable aumento de las ventas del 50% en sólo 6 semanas.   

Desbloquee su éxito: Aumente sus ventas con las pruebas A/B y Nuestro marco para el crecimiento con servicios de análisis a medida. 

Explore el caso práctico de Tribute Technology aquí. 🌟 

 

Lecturas Recomendadas

¿Listo para construir lo que realmente importa?

Hablemos