Google Tag Manager y páginas dinámicas

Es posible que en tu web tengas partes que se generen dinámicamente desde el servidor.

En este caso puede pasar que no te funcione ningún procesador de eventos tipo enlace, formulario o click ya que el evento se lo lleva el javascript que dibuja el nuevo contenido de la web.

Por suerte contamos con el Procesador de eventos de historial con el que podemos seguir cuando se crean las páginas virtuales del tipo:

www.midominio.com/pagina/#paginavirtual

Para hacer el seguimiento en Universal Analytics con el TGM hay que seguir estos pasos:

  1. Crear una etiqueta “Procesador de Historial” (History Listener)
  2. Crear una regla “Evento de Historial” (History Event)
  3. Modificar la etiqueta de Universal Analytics para que añada el nombre de la página virtual a la url

Paso a paso:

1. Etiqueta Procesador de Historial (History Listener)

Creamos una nueva etiqueta del tipo Procesador de Historial. Podéis darle un nombre genérico, ya que te servirá para siempre que quieras escuchar eventos del historial.
Y le añadimos una regla para que salte en todas las páginas.

Etiqueta GTM - History Listener
Etiqueta GTM – History Listener

 

2. Regla Evento de Historial (History Event)

Creamos una nueva regla. Este evento es el que saltará cuando se dibuje la página virtual y se cree el fragmento #paginavirtual en la url
Dale un nombre identificativo y crea dos condiciones:
– event – es igual a – gtm.historyChange
– history new url fragment – contiene – nombre página virtual (adaptar a las necesidades para cuando queráis que salte)

Regla evento de historial - página virtual
Regla evento de historial – página virtual

 

3. Modificar la etiqueta estandar de seguimiento de Universal Analytics

Antes de modificarla necesitamos crear una nueva macro que se encargue de recoger el nombre de la página virtual.
Tipo de macro: URL, y Tipo de componente: Fragmento

GTM macro URL fragment
GTM macro URL fragment

Ahora sí, modificamos en la etiqueta de UA la Ruta del documento para añadir el nombre de la página virtual: {{url path}}{{url fragment}}

Y añadimos a la etiqueta la regla Evento de Historial creada antes. De este modo, saltará en dicho evento y UA dibujará la URL incluída la página virtual para que podamos hacer su seguimiento.

GTM etiqueta UA con macro fragment
GTM etiqueta UA con macro fragment

 

Espero que os sea útil.

 

 

Votar
[Total: 1 Media 5]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *