El código de seguimiento de Google Analytics y la minificación

  • Google

El código de seguimiento de Google Analytics y la minificación

Google Analytics no necesita presentación alguna, todo el mundo sabe que es una herramienta muy poderosa para conocer las estadísticas de visitas a nuestros sitios web. Para obtener los datos necesarios para generar las estadísticas, Google Analytics nos proporciona un código de seguimiento, realizado en JavaScript, que debemos insertar en el código HTML de todas nuestras páginas. El código de seguimiento suele tener una apariencia tal que así:

<script>
(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-XXXXX-XX', 'auto');
ga('send', 'pageview');

</script>

Este código de seguimiento suele ser funcional siempre, pero, en caso de que el código HTML y JavaScript de nuestro sitio web sea minificado con posterioridad a su inserción, dicho código de seguimiento, dejará de funcionar automáticamente.

Ya sabéis que la minificación de código consiste en un procesamiento del mismo para optimizar al máximo su tamaño en el que se eliminan todos los caracteres innecesarios y que incluyen: comentarios, espacios en blanco, saltos de línea…

Pues bien, el código de seguimiento de Google Analytics y la minificación de código JavaScript no se llevan bien, así que hay que realizar algunos ajustes en el mismo para que vuelva a ser funcional y operativo.

Según explica magníficamente Mathias Bynens en su entrada Optimizing the asynchronous Google Analytics snippet, la solución es muy sencilla, y pasa por minificar el código de seguimiento, de forma que nos debe de quedar un código JavaScript similar a este:

<script>(function(G,o,O,g,l){G.GoogleAnalyticsObject=O;G[O]||(G[O]=function(){(G[O].q=G[O].q||[]).push(arguments)});G[O].l=+new Date;g=o.createElement('script'),l=o.scripts[0];g.src='//www.google-analytics.com/analytics.js';l.parentNode.insertBefore(g,l)}(this,document,'ga'));ga('create','UA-XXXX-XX');ga('send','pageview')</script>

Una vez insertado en nuestro sitio web, las estadísticas volverán a la vida, aunque, eso si, Google Analytics seguirá diciendo que nuestro código de seguimiento no está instalado durante un buen rato.

Esperamos que os resulte útil este pequeño código, ya que a nosotros nos ha salvado el tipo en más de una ocasión. Gracias Mathias por tu magnífico tutorial.

2017-03-27T18:09:03+02:00 Sábado, 15 de Noviembre de 2014|Categorías: Art Project Group|Etiquetas: , , , , , , |Sin comentarios

Deje un comentario

Comparte esto con un amigo