Hay una nueva versión de esta publicación para GTM V2 aquí.
El Cumbre de Google Analytics iban y venían, y gracias a la Transmisión en Vivo, todos pudieron participar. Recibimos una selección rápida de las nuevas funciones de Google Analytics, y esta publicación arroja luz sobre una de ellas en explicit: el seguimiento automatizado de eventos en Google Tag Supervisor.
El seguimiento automático de eventos introduce una característica interesante que hace lo que deberían hacer los administradores de etiquetas: proporciona funcionalidad sin necesidad de editar plantillas HTML. Esto no siempre es algo bueno, ya que la automatización suele ser genérica y solo funciona en un par de escenarios viables, pero especialmente para estos casos de uso genéricos, esta nueva característica es una gran adición a la ya impresionante lista de características de GTM.
El seguimiento automático de eventos tiene cuatro tipos diferentes de oyentes de eventos puedes crear:
- Hacer clic oyente
- Haga clic en el enlace oyente
- Minutero oyente
- Enviar formulario oyente
Un oyente es una función que opera en segundo plano. Al crear el oyente, usted le indica qué operaciones debe esperar y, una vez que se realizan estas operaciones, el oyente se activa y activa cualquier código que contenga.
En este breve tutorial, echo un vistazo a los primeros tres oyentes. Volveré a los oyentes de Envío de formulario tan pronto como tenga un formulario funcional con el que pueda trabajar.
Tenga en cuenta que todos estos tutoriales utilizan Common Analytics, pero es fácil hacer lo mismo en Google Analytics (la única diferencia es qué etiqueta usa para enviar el evento a su cuenta).
incógnita
El boletín a fuego lento
Suscríbete al Boletín a fuego lento para recibir las últimas noticias y contenido de Simo Ahava en su bandeja de entrada de correo electrónico.
Oyente del temporizador
Este es el más fácil, así que empezaré con él. Si has leído mis publicaciones anteriores, entiendes todo el concepto de “tiempo de permanencia”mucho más easy, sin tener que emplear etiquetas HTML personalizadas (el objetivo del seguimiento automático de eventos).
Lo que hace es activar un temporizador de X milisegundos. Una vez que el cronómetro llega al remaining, se envía un evento a la capa de datos, que luego puede usar como regla de activación para su evento de Analytics.
Pasos:
- Cree una nueva etiqueta con la siguiente configuración:
- Cree una nueva etiqueta de Common Analytics con la siguiente configuración; recuerde agregar su código de seguimiento en el campo “ID de seguimiento” y, si desea que el evento cuente como un hit, establezca “No interacción” en Falso:
- Asegúrese de tener una regla establecida para activar esta etiqueta UA:
- Guardar versión del contenedor
- Publicar contenedor
Aquí crea un Timer Listener, que inicia la cuenta regresiva al cargar DOM. Tan pronto como el cronómetro llegue a 30 segundos, el evento temporizador gtm se envía a la capa de datos.
La etiqueta Common Analytics que creó está configurada para lanzarse tan pronto como el evento temporizador gtm se envía a la capa de datos, por lo que tan pronto como suene el cronómetro, el evento se envía a su cuenta de Analytics.
Y no se implicó ninguna edición de HTML personalizada. Sólo algunas etiquetas y reglas.
Recuerde verificar que la implementación funcione mirando, por ejemplo, la pestaña Pink en Firebug:
Oyente de clic en enlace
Esto es un poco más complejo que el detector Timer, pero sigue siendo mucho más fácil que lo que tenías que hacer antes con el código HTML personalizado.
El escenario aquí es que tengo un enlace “Volver al principio” en mi sitio y quiero realizar un seguimiento de sus clics. De esta manera sabré a) si la gente realmente lee mis páginas hasta el remaining yb) si sienten la necesidad de volver rápidamente al principio de la página.
Esta característica hace uso de la Variable de evento automáticoque es esencialmente una macro que se puede utilizar para hacer referencia, por ejemplo, al elemento DOM donde se produjo un clic.
Pasos:
- Cree una nueva etiqueta que escuche los clics en enlaces en su sitio:
- Cree una macro que identifique todos los ID de elementos de su sitio (utilizando la variable de evento automático):
- Crear una nueva etiqueta de Common Analytics
- Asegúrese de tener implementada la regla correcta:
- Guardar versión del contenedor
- Publicar contenedor
Aquí primero crea el detector de clics en el enlace. Cuando está configurado para disparar en todas las páginas, escucha todo clics en enlaces en todo su sitio. Tan pronto como se produce un clic en el enlace, empuja el gtm.linkHaga clic evento en la capa de datos.
En la etiqueta Analytics, la parte importante es la regla de despido. Mira como estás esperando ambos por el gtm.linkHaga clic evento y para el ID del elemento ¿Macro para que coincida con un determinado elemento DOM? Esto es para evitar que el evento se energetic cuando se hace clic en todos los enlaces. En cambio, ahora identifica el ID del elemento DOM (usando la variable de evento automático de la macro) donde ocurrió el evento de clic (#volver al enlace superior).
Así que ahora se envía un evento cada vez que se hace clic en el enlace Volver al principio. Recuerda, nuevamente, verificar los datos de Pink:
Haga clic en el oyente
Esto es prácticamente lo mismo que el tutorial anterior, pero la diferencia essential es que el oyente Click on escucha todo haga clic en eventos en su página.
El escenario es la optimización clásica de la página de destino: tengo una página de inicio de weblog (ficticia), donde los títulos de los artículos son simplemente texto sin formato, no enlaces reales a los artículos en sí. Quiero emplear el detector de clics para comprobar cuántas personas intentan hacer clic en el título en vano.
Pasos:
- Cree una nueva etiqueta de escucha de clics:
- Cree una macro para todas las clases (la usamos para identificar los encabezados):
- Cree una regla que espere un clic en el elemento DOM .title:
- Cree una nueva etiqueta de Common Analytics:
- Guardar versión del contenedor
- Publicar contenedor
Aquí lo importante es crear una regla que espere a que gtm.hacer clic evento (lo que significa que se ha producido un clic, gracias al oyente Click on) y lo que requiere que el clic ocurra en un elemento DOM con la clase de títuloque resulta ser la clase de los títulos de la página de inicio.
Verifique la implementación en Firebug:
Conclusiones del seguimiento automático de eventos
Bueno, es una buena característica, eso es seguro.
Por el momento, implementar oyentes requiere los siguientes pasos generales:
- Cree una etiqueta que actúe como escucha y envíe el evento gtm apropiado a la capa de datos tan pronto como se produzca la operación.
- Cree una etiqueta que se energetic tan pronto como ocurra el evento gtm y envíe los datos a Analytics
Si desea ser más específico, es decir, esperar a que se haga clic en elementos DOM específicos, debe crear una macro que vincule la variable de evento automático en la capa de datos.
También me gustaría ver las variables de eventos automáticos como macros predeterminadas (similares a {{url}}) en el sistema.
El seguimiento automático de eventos es una buena adición al Administrador de etiquetas de Google y elimina muchos problemas con el código HTML personalizado. Sin embargo, no es una solución definitiva, y todavía hay mucho trabajo handbook involucrado si desea hacer algo más complicado (dependencias entre eventos, encadenamiento complejo de eventos, and many others.).