Código de Google Analytics, modo completo

Google Analytics es una herramienta muy útil, pero hay que tener en cuenta que no es tan sólo un «contador de visitas» (que también). Si realmente quieres aprovechar al máximo esta herramienta uno de los primeros pasos es el de la configuración del código.

Por norma general Google te da un código, lo pones y eso funciona. Pero ese sistema es extremadamente sencillo (aunque muy funcional). Si realmente quieres aprovechar toda su potencia lo mejor es ir un paso más allá y aplicar más funciones y funcionalidades.

Para comenzar tengamos presente un código básico pero completo, sin muchas cosas (pero sí que permitan recoger toda la información posible).

<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
ga.l=+new Date;
ga('create', {
'trackingId': 'UA-XXXXX-Y',
'cookieDomain': 'auto',
'allowLinker': 'true',
'sampleRate': 100,
'siteSpeedSampleRate': 100,
'allowAnchor': 'true',
'cookieExpires': 63072000
});
ga('require', 'linkid');
ga('require', 'displayfeatures');
ga('send', {
hitType: 'pageview'
});
ga(function(tracker) {
console.log(tracker);
});
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>

Con este código tenemos una base. Lo primero a cambiar es el trackingId UA-XXXXX-Y con el tuyo. Este código está pensado para sitios con sólo un dominio (sin subdominios ni otros dominios). Básicamente carga sistemas para que la medición y adquisición de datos sea lo más cercana al 100% y así tener todo bien guardado en el panel de Analytics.

A partir de aquí podemos ampliar con determinadas funciones que nos pueden ayudar en otros casos.

Por ejemplo, si tenemos varios subdominios o dominios, podemos usar esto:

ga('require', 'linker');
ga('linker:autoLink', [example\.(com|de|es|fr|it)$]);

Esto tratará todos los dominios como si tuvieran la misma cookie, de forma que los usuarios que cambien de dominio o subdominio se tratarán como la misma sesión e indentificador.

¿Quieres trackerar usuario a usuario? Se puede si mandas un identificador único de usuario a la plataforma.

ga('set', {
  'userId': 12345
});

O por ejemplo, si quieres evitarte eso de «las cookies de terceros», que se centra en los datos no anónimos que se puedan enviar a Google, puedes utilizar una herramienta que seguirá almacenando datos de uso de tu sitio, pero sin relación con los usuarios.

// -DNT IF START- Si el Do Not Track está activado
ga('set', {
  'anonymizeIp': 'true'
});
// -DNT IF END-

Y para acabar tenemos el sistema de e-Commerce, que podría tener una apariencia tal que esta.

ga('require', 'ecommerce');
ga('set', 'currencyCode', 'EUR');
ga('ecommerce:addProduct', {
'id': 'P12345',
'name': 'Android T-Shirt',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
'price': 29.20,
'quantity': 2,
'coupon': 'SUMMER_SALE13',
'position': 2,  // VALOR ENTRE 1 y 200, si es un listado.
'dimension1': 'Member', // 'dimension' ENTRE 1 y 200
'metric1': 28 // 'metric' ENTRE 1 y 200
});
ga('ecommerce:setAction', 'purchase', {
'id': 'T1234',
'affiliation': 'Google Store',
'revenue': 123.21,
'tax': 10.78,
'shipping': 3.55,
'coupon': 'SUMMER08',
'option': 'Visa'
});
ga('ecommerce:addPromo', {
'id': 'SHIP',
'name': 'Free Shipping',
'creative': 'Shipping Banner',
'position': 'banner_slot_1'
});
ga('ecommerce:send');

A partir de aquí podemos jugar con distintos elementos. Por ejemplo, si estás desarrollando o probando si el código de Analytics funciona, puedes sustituir temporalmente la llamada del javaScript del «normal» al de «debug».

Normal: <script async src='https://www.google-analytics.com/analytics.js'></script>

Debug: <script async src='https://www.google-analytics.com/analytics_debug.js'></script>

Y otro elemento o detalle importanmte que a veces no tenemos presente. En muchas ocasiones por temas de SEO he comentado sobre el «rel-canonical». Pero esto no es tan sólo para que un buscador guarde una URL sin duplicados, sino que a la hora de agrupar datos de webs también es muy útil.

Seguramente tienes alguna página en la que le has de pasar parámetros, pero estos parámetros en realidad no aportan nada como tal a la analítica. En este caso y reaprovechando el concepto del canonical, se puede indicar (o sobre escribir) la información de la URL que se manda a Analytics.

ga('send', {
  hitType: 'pageview',
  page: '/URL/LOQUESEA/'
});

Esto, por ejemplo, permitiría que URL tal que estas:

http://example.com/url-de-test/
http://example.com/url-de-test/?return=http://example.com/login/
http://example.com/url-de-test/?utm_source=Twitter

Se consideren lo mismo, ya que a nivel analítico es mejor agregar esta información que no tenerla por separado y ensuciando los datos.

Para acabar, como Bonus Track, existe un pequeño plugin de Analytics que ayuda a medir el scrolling por donde el usuario está pasando. Se llama Scroll Depth y te mostrará en Analytics si el usuario ha visto el 0%, 25%, 50%, 75% o llega al 100%, es decir, al final de la página…

NOTA: Actualmente existe el código de tipo GTAG.JS que es mucho más completo e incorpora la mayoría de estos elementos.