Para configurar el seguimiento de eventos con Google Tag Manager y GA4 necesita cinco pasos: habilitar las variables integradas, identificar el elemento a trackear con el inspector de Chrome, crear el activador (clic o página vista), crear la etiqueta de evento GA4 y verificarla en el modo de vista previa antes de publicar.
Seguimiento de Eventos Comó crearlos en Tag Manager y Analytics GA4
Qué es el tracking de eventos en una web
En este post va aprender como hacerle seguimiento de eventos con tracks de conversión, a botones, páginas de gracias, a reproducción de videos, a formularios, entre otros.
Nos van a ser de mucha ayuda para medir todo tipo de interacciones que ocurran dentro de nuestra página web.
Super indispensable si tiene campañas de pauta de pago por clic en Google Ads y quiere trackear eventos para mejorar su estrategia de marketing digital y medir conversiones que le ayudaran a conseguir los resultados para su empresa.
Seguimiento de eventos: primeros pasos
Cosas a tener en cuenta antes de empezar:
Asumo que ya debe tener instalado Google Analytics en su web, Para esto existen muchas maneras, por medio de plugins o según el tema si le permite insertar en la cabecera el código, o insertándolo directamente de todas las páginas web de las que quiera realizar un seguimiento
La apariencia del universal analytics es algo como esto: gtag (‘config’, ‘UA-3697518-41’); Sino sabe como hacerlo aquí le enseño a Cómo instalar google analytics en tag manager
Importante: Para este tutorial necesitaremos que haya actualizado su cuenta al nuevo Asistente de configuración de propiedades Google Analytics 4, ya que nos va permitir crear los nuevos eventos por medio del (GA4) Donde el ID de medición es algo como: G-G2HGXX6CCB que debe implementarlo en Google Tag Manager para que comience hacer lectura de los eventos que vamos a crear.
Y también ya debería tener implementado en Tag Manager en su web, si su sitio web esta en wordpress puede entra al siguiente post donde le indico paso a paso Cómo instalar google tag manager en wordpress
Una vez dicho esto ya estamos listos para comenzar a crear seguimientos de eventos en su web y comenzar a medir esas acciones importantes para sus campañas
Primer paso
Tener habilitadas las variables integradas
Ingresamos a nuestro Google Tag Manager ➞ Escogemos nuestro dominio
Encontramos éstas opciones en la menu de izquierda ➞ Variables y luego en el botón azul ➞ configurar
Aquí debemos tener habilitada las variables relacionadas con los clics, con las páginas y con los formularios para realizar el seguimiento de eventos ( click element, click classes, Page path, page url, page hostname, clic target, clic text, clic url entre otras.
Segundo paso
Indentificar el elemento a trackear
Aquí usaremos el inspeccionar propiedades de google Chrome, para identificar cual es el elemento al que queremos aplicarle el evento.
Pero tambien lo podemos hacer mediante el tag assistant en tiempo real para dar clic a cualquier boton y nos mostrara las variables y los tag que se están disparando.
Tercer paso
Definir el trigger o disparador
Debemos Crear el activador, es decir definir en que momento se genera la acción del evento.
Al tener un activador para cada elemento del clic nos permite recoger información de cada acción dentro de la página web, como clic a un botón, clic a una imagen, clic a un menú, página vista o formulario de contacto. Clave a la hora de hacer seguimientos de conversiones para nuestras campañas de CPC.
Para que tenga un ejemplo de cada caso a continuación le indico como crear y activador para cada uno, según sea el objetivo.
El primer activador y el más común es el de clic en el botón puede trackearlo en cualquier botón existente de la web, en este caso puntual es el botón de WhatsApp flotante.
Quedaría de la siguiente manera:
Tipo de activador ➞ Clic - Todos los elementos
Se activa en ➞ Algunos clics
Condiciones ➞ Click Classes
boton.whatsapp (es el nombre de la clase que previamente inspeccionamos en el navegador
El segundo activador muy utilizado es activador de página vista ideal para poner seguimiento cuando el usario llegue auna pagina de gracias despues de llenar un formulario o haber hecho una compra en su ecommerce.
Quedaría de la siguiente manera:
Tipo de activador ➞ Página vista
Se activa en ➞ Algunas páginas vistas (ya que solo necesitamos poner una url especifica)
Condiciones ➞ Click Url
pagina-de-gracias (es el nombre de la clase que previamente inspeccionamos en el navegador )
En resumen, así quedan configurados los dos activadores más comunes:
| Evento | Tipo de activador | Se activa en | Condición | Valor de ejemplo |
|---|---|---|---|---|
| Clic en el botón (WhatsApp flotante) | Clic - Todos los elementos | Algunos clics | Click Classes | boton.whatsapp |
| Página vista (página de gracias) | Página vista | Algunas páginas vistas | Click Url | pagina-de-gracias |
Crear etiqueta en Google Analytics: evento de GA4
Como primera medida debe tener ya una cuenta de Analytics activa, sino la tiene nuestro amigo victor en el siguiente video le explica como crear una cuenta de Google Analytics en el 2021. Paso indispensable para nuestro seguimiento de eventos.
Una vez creada la cuenta de UA Universal Analytics o bien creado y activado el nuevo GA4 procedemos a crear una etiqueta en Google Tag Manager del tipo Analytics GA4 y agrégarle un activador del evento.
Entramos a nuestra cuenta GTM ➞ Nueva Etiqueta ➞ Configuración de la etiqueta. y en tipo de etiqueta debe seleccionar la etiqueta ya instalada GA4 (previamente creada)
Recomiendo en el nombre del evento poner en minúsculas sin tildes ni caracteres especiales y tener un orden lógico como por ejemplo: boton-contactenos
Los parámetros y las propiedades del usuario y la configuración avanzada las dejamos así a menos que tenga conocimiento avanzado sobre lo que esta haciendo, pero con lo anterior es suficiente para comenzar.
Seleccionamos el activador que queramos trackear y ya está.
Verificar el seguimiento de eventos en la consola de vista previa
Aquí tiene dos opciones la verificación por Tag Manager o por Analytics
Desde el Gtm si el evento se activa en el momento de realizar el clic en el botón. Lo puede verificar como en la siguiente imagen
Si por el contrario quiere revisar desde Analytics el evento se activa en la sección ➞ « tiempo real » Número de eventos por Nombre del evento
¿Como sabe si la etiqueta está funcionando correctamente?
La nueva versión de Gtm nos va permitir verificar si todo lo que realizamos esta funcionando
➞ Haga clic en el cuadro de « Vista previa » se abrirá el Tag Manager Preview Mode aquí pone la url de su web y le da
➞ « Conectar»
Se abrirá una nueva ventana de su pagina con el tag assistant y aquí es donde debe dar click en el botón que están intentando seguir.
Se devuelve a la ventana de Gtm y en « sumario » están los tags y activadores. Aquí es donde deberá ver la etiqueta que acabó de crear
Concluciones del seguimiento de eventos
Como vieron las implementaciones son infinitas segun lo que queramos trackear, siempre es recomendado realizar la accion y luego probarla para saber que todo esta funcionando. y no se olvide de publicar siempre!
