Supongamos que tenemos una landing page y queremos trackear cuando los usuarios hacen click en un determinado botón de descarga de un pdf o de un enlace tanto interno como externo. Nuestro código de Google Analytics ha de tener implementado la función send y debería verse algo así:
<script type="text/javascript">//
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXX-1', 'auto');
ga('send', 'pageview');
// ]]></script>
En segundo lugar hemos de etiquetar nuestro enlace, botón o imagen que contiene el enlace en el html dándole un id, por ejemplo id="button"
<a id="button" class="clase" href="/cuenta-tu-experiencia/">¡Consigue tu Hairchalk!</a>
Según las instrucciones del centro de ayuda de Google Analytics, implementaremos el siguiente código, lo suyo es que lo hagamos en el footer, a mi en el header no me funcionó, para que se cargue una vez que el usuario ha hecho click en el enlace, además hemos implentado la función 'hitCallback', notificando la url a la que lleva el enlace,de este modo, puedes enviar al usuario a su destino solo después de que su click se haya comunicado a Google Analytics.
<script type="text/javascript">//
var downloadLink = document.getElementById('button');
addListener(downloadLink, 'click', function() {
ga('send', 'event', 'boton_home', 'click', 'consigue_hairchalk', {
'hitCallback': function(){
document.location = 'http://miexperiencialuisytachi.es/cuenta-tu-experiencia/';
}
});
});
function addListener(element, type, callback) {
if (element.addEventListener) element.addEventListener(type, callback);
else if (element.attachEvent) element.attachEvent('on' + type, callback);
}
// ]]></script>
En nuestro caso esta es la landing y el botón que queremos trackear:
Y este es el resultado contrastado en tiempo real en el panel de Analytics:
Me he puesto supercontento cuando he visto que funcionaba correctamente!