Cross Domain Tracking en Universal Analytics

Universal Analytics trae consigo su nueva libreria analytics.js y con ella una nueva forma de configurar la analítica web de nuestras páginas.

En el caso del tracking entre dominios la problemática es la misma a la que ya nos enfrentábamos antes pero la solución es distinta, y en cierta manera, un poco más compleja.

Recordemos: Cuando intentamos medir el comportamiento de un visitante entre dos dominios de primer nivel (www.dominioa.com y www.dominiob.com) debemos tener presente que la Cookie (llamada _ga) donde Google Analytics guarda el identificativo asociado a la sesión del usuario no puede compartirse. Esto es una consecuencia directa de la naturaleza del protocolo http que impide que se compartan cookies entre diferentes dominios.

La solución a esta problemática pasa porque nosotros enviemos de manera manual el valor de la cookie de un dominio a otro, para ello utilizaremos la propia URL como canal de comunicación, añadiendo a todos los links que vayan de un dominio a otro esta información.

De esta manera Google Analytics podrá saber que el visitante que entra a www.dominioB.com es el mismo que anteriormente estuvo navegando por el www.dominioA.com. El cross-domain tracking es indispensable para medir de manera global la navegación de los usuarios entre una web y una tienda, o en cualquier otro tipo de webs que a pesar de contar con dominios diferentes pertenecen a un mismo proceso de conversión.

La configuración analítica para realizar un tracking entre dominios correcto requiere de una implementación técnica. Usted como analista puede delegar esta labor a un programador, pero nunca debería abstraerse de esta problemática y debería saber comunicar de manera clara y concisa qué hacer.

Universal analytics nos ofrece el método decorate que nos permite añadir a cualquier enlace el id del visitante. Además añada un hash que tiene una caducidad de 2 horas. ¿Para qué sirve este hash? Imagine que alguien guarda en sus favoritos una URL decorada con analytics y la comparte. Cualquier persona que accediera a través de este link sería reconocida como el visitante original. Para evitar este problema se añade este hash que hace que el link caduque a los dos minutos:

ga(function(tracker) {

var linker = new window.gaplugins.Linker(tracker);

var output = linker.decorate('//destination.com');

});

Ahora bien, si los links caducan a los dos minutos, a un usuario que estuviera entretenido en nuestra página más de ese tiempo, también se le caducarían. Por lo tanto es necesario refrescar automáticamente los enlaces decorados. ¿Sigue ahí o esto ya ha sido demasiado para usted?

Seguimos, la forma más eficiente de actualizar los links es hacerlo cuando el usuario pulse el ratón o el teclado. Me estoy refiriendo a los eventos mousedown y keydown. (No confundir con el evento click), de esta manera conseguiremos dos cosas:

• Que los enlaces no caduquen.
• Que la sesión se pase tanto si el usuario hace click en un link como si lo abre en una nueva ventana (botón derecho + nueva ventana).

Por ejemplo para un enlace como este:

Enlace al dominio B

El código podría ser algo como este:

var linker;

var myLink = document.getElementById('myLink'); // Add event listeners to link.

addListener(myLink, 'mousedown', decorateMe);

addListener(myLink, 'keydown', decorateMe);

function decorateMe(event) {

event = event || window.event; // Cross browser hoops.

var target = event.target || event.srcElement;

if (target && target.href) { // Ensure this is a link.

ga(function(tracker) { // Only if ga is loaded.

window.linker = window.linker ||

new window.gaplugins.Linker(tracker); // Create linker object using default tracker.

target.href = window.linker.decorate(target.href); // Decorate the HTML link.

});

}

}

// Cross browser way to listen for events.

function addListener(element, type, callback) {

if (element.addEventListener) element.addEventListener(type, callback);

else if (element.attachEvent) element.attachEvent('on' + type, callback);

}

Importante: Antes de ejecutar este código deberíamos esperar a que se cargue por completo la página.

De esta manera nos aseguraremos que la sesión se mantendrá entre ambos dominios. Tan sólo nos quedaría ahora hacer dos cosas más:

1. Modificar el código de seguimiento activando en todos los métodos create el AllowLinker, que avisará a Google Analytics de que le estamos pasando el id de sesión en la URL:

ga('create', 'UA-XXXX-Y', {'allowLinker': true});

2. Añadir ambos dominios como elf-referrals: Dentro de los configuración de la propiedad web deberemos incluir ambos dominios dentro de los self-referrals para que no sean consideradas como webs de referencia.

Y esto no es más que el principio, si cree haber entendido todo le animo a que lo aplique ya mismo en sus webs, porque ya se sabe que una cosa es la teoría y otra muy distinta la práctica.