Detectar Errores 404 con Google Analytics mediante páginas virtuales

/ / Programacion

Con Google Analytics es posible controlar los errores 404 y enlaces rotos que se producen en la web si realizamos un seguimiento a la página “Error 404”.

Existen muchas herramientas para detectar y controlar los errores 404 de una web como Google Webmaster Tools y Bing Webmaster Tools, pero poder tener esta información en nuestra herramienta de analítica web nos permite medir y analizar realmente cuanto nos están perjudicando estos errores.

¿ Cómo lo hacemos ?

Existen varias formas de controlar los errores en Google Analytics: con eventos o páginas virtuales, en este artículo vamos a explicar como se hace con páginas virtuales.

¿ Donde se añade el código de seguimiento ?

Se debe colocar el código dentro de la página de “Error 404”. La sintaxis del código depende del método de seguimiento que se tenga instalado en la web, Classic o Universal Analytics.

Código seguimiento para página Error 404 en Classic

<script type="text/javascript">// <![CDATA[
var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-12345678-1']);
	_gaq.push(['_setDomainName', 'midominio.com']);
	_gaq.push(['_trackPageview', '/404error/?url=' + document.location.pathname + 	document.location.search + '&ref=' + document.referrer]);
	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// ]]>
</script>

Código seguimiento página Error 404 en Universal Analytics

<script type="text/javascript">// <![CDATA[
<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-12345678-1', 'midominio.com');
  ga('send', 'pageview', {'page': '/404error/?url=' + document.location.pathname + document.location.search + '&ref='+ document.referrer});
// ]]>
</script>

Vamos a explicar con más detalle en que consiste la personalización para controlar los errores 404 con Google Analytics:

/404error/?url=' + document.location.pathname + document.location.search + '&ref='+ document.referrer

  • url contiene la página de la web donde está detectando el error.
  • ref contiene en enlace que hace referencia al Error 404, enlaces internos o externos.

Para completar el seguimiento de los errores recomendamos crear un informe personalizado en nuestra cuenta de Google Analytics que hemos llamado “Monitor Error 404” que nos ayudará en nuestra labor de control:

Google Analytics informe personalizado Monitor Error 404

A que esperas para empezar a controlar tus errores 404 con Google Analytics.

Deja un comentario

Un comentario