Marcado y seguimiento de eventos
Para comenzar es necesario crear una cuenta en Google Tag Manager, que se consigue de forma totalmente gratuita previo registro.
Una vez creada la cuenta, se puede usar el contenedor predeterminado para configurar Google Analytics y Google Tag Manager en nuestro sitio web.
Vamos a crear un sistema de conteo de descargas para nuestro sitio web.
Como no se puede colocar el script de Google Analytics en una descarga directamente, utilizaremos una página de nuestro sitio que contenga el script de Google Tag Manager y será el contenedor el que —mediante una redirección Javascript— conduzca a la descarga tras registrar convenientemente el evento.
Así, el evento quedará registrado y etiquetado en Google Analytics, usando Google Tag Manager.
Guardar el ID de propiedad
Cuando creamos la propiedad para Google Analytics, el sistema le asigna un ID de propiedad único, que tiene el formato UA-XXXXXXX-Y.
Este ID lo vamos a usar para establecer a que propiedad corresponde el evento registrado. Como seguramente lo usaremos varias veces, vamos a almacenarlo en una variable.
Así, vamos a la solapa Variables y creamos una nueva variable definida por el usuario, así:
Tipo de variable: seleccionamos Configuración de Google Analytics.
ID de seguimiento: introducimos nuestro ID de propiedad UA-XXXXXXX-Y
Dominio de la cookie: lo dejamos en auto
Una vez creada la variable, la guardamos con el nombre apropiado, por ejemplo GoogleAnalyticsID.
Definir el parámetro de la URL
Para asegurarnos que el sistema de Google Analytics registra el evento, usaremos un parámetro de la URL que servirá para marcar el evento antes de redirigir la petición hacia la URL definitiva que corresponde a la descarga.
Así, vamos a definir otra variable de usuario con estas características:
Tipo de variable: URL
Tipo de componente: seleccionamos Consulta
Clave de consulta: escribimos el nombre del parámetro, por ejemplo download.
Una vez creada la variable, la guardamos con el nombre apropiado, por ejemplo downloadParameter.
Programar la redirección
Para que el contenedor de Google Tag Manager se haga cargo de la redirección, tenemos que introducir el script que se debe ejecutar. Para esto también se usa una variable:
Tipo de variable: Javascript personalizada
Código javascript:
function() {
try {
return {{downloadParameter}} ? setTimeout(function() {window.location = '{{downloadParameter}}'}, 500); : false;
} catch (e) {
return "";
}
}Como se puede leer, este código Javascript establece un temporizador con 500 milisegundos, transcurridos los cuales ejecuta la función anónima que establecerá la propiedad window.location con el valor del parámetro definido en el paso anterior.
Como resultado, tras mostrarse la página anfitrión durante medio segundo, se produce la redirección hacia la URL que apunta a la descarga. También se puede prescindir del temporizador sin ningún problema.
Una vez creada la variable, la guardaremos con el habitualmente apropiado nombre; en este caso sería downloadScript.
Definir el activador
El activador permitirá establecer en que momento se activa una etiqueta en el sistema de Google Analytics.
Deseamos filtrar aquellos sucesos que no conducen a una descarga efectiva, así que vamos a crear un activador de este modo:
Tipo de activador: seleccionamos Página vista - DOM preparado
Este activador se activa en: optamos por Algunos eventos de DOM preparado
Ejecutar este activador cuando tenga lugar un evento y se cumplan todas estas condiciones: downloadParameter no es igual a undefined
De este modo evitamos el conteo de eventos falsos, que pueden provenir de robots. El evento solamente se activará cuando el parámetro downloadParameter contenga un valor.
Guardamos convenientemente en activador, por ejemplo con el nombre downloadEvent.
Implementar el evento
Para implementar el evento, vamos a crear una nueva etiqueta, con las siguientes características:
Tipo de Etiqueta: seleccionamos Google Analytics - Universal Analytics.
Tipo de Seguimiento: seleccionamos Evento.
Categoría: escribimos el nombre que deseamos para nuestro evento; por ejemplo Descarga.
Acción: seleccionamos nuestro parámetro downloadParameter; el valor que contenga esta variable (una URL) será lo que se muestre como acción en Google Analytics (es decir, la URL de la descarga).
Hit sin interacción: seleccionamos Verdadero
Configuración de Google Analytics: seleccionamos nuestra variable GoogleAnalyticsID, que contiene el ID de propiedad.
Habilitar la anulación de configuración en esta etiqueta: lo marcamos, denotando que sí lo habilitamos.
Por último, hay la posibilidad de establecer más opciones, y lo hacemos del modo que a continuación se describe.
Más opciones
Campos para configurar: seleccionamos hitCallback para el nombre del campo, y establecemos downloadScript como valor.
Como resultado de esto, cuando el activador del evento tenga éxito, se invocará el script, produciendo la redirección.
Como activador de la etiqueta seleccionamos nuestro activador downloadEvent.
Guardamos la etiqueta con el nombre apropiado, por ejemplo Google Analytics download hits.
Publicar el contenedor
Para que todo esto funcione, hay que publicar el contendedor y colocar los scripts de Google Tag Manager en cada página de nuestro sitio.
Para obtener las instrucciones de instalación de Google Tag Manager, vamos a la solapa Administración, y ahí seleccionamos Instalar Google Tag Manager; se mostrará el código javascript que es necesario instalar en nuestras páginas.
Si ya estábamos usando el código de Google Analytics, podemos sustituirlo por este sin problemas, porque registrará también las peticiones que no correspondan a un evento, como una petición sin evento asociado.
Para comprobar que el sistema funciona, hacemos login en Google Analytics y observamos lo que sucederá en tiempo real cuando naveguemos a cualquier página de nuestro sitio, si se incluye el parámetro download en la URL, con la dirección efectiva de la descarga como valor.
Google Analytics debería registrar nuestra descarga en su apartado de eventos en tiempo real.
