Detectar Errores 404 en Google Analytics mediante eventos

/ / Programacion

Además de detectar los errores 404 con Google Analytics mediante páginas virtuales podemos hacerlo también con eventos.

“Los eventos en Google Analytics son interacciones del usuario con el contenido de nuestra web que requiere una implementación y configuración técnica adicional”

La ventaja de utilizar eventos en lugar de páginas virtuales para detectar error 404 en Google Analytics es que podemos indicar que el evento no se utilice para el cálculo del porcentaje/tasa de rebote (bounce rate).

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

Se debe colocar el código dentro de la página “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">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12345678-1']);
  _gaq.push(['_setDomainName', 'midominio.com']);
  _gaq.push(['_trackPageview']);
  _gaq.push(['_trackEvent', 'Error 404', document.location.pathname+document.location.search, document.referrer,0,true]);

  (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">
  (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');
  ga('send', 'event', 'Error 404', document.location.pathname + document.location.search, document.referrer, {'nonInteraction': 1});
</script>

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

  • Categoría (Category): 'Error 404' es el nombre de nuestro evento.
  • Acción (Action): document.location.pathname + document.location.search contiene la página de la web donde está detectando el error.
  • Etiqueta (Label): document.referrer contiene en enlace que hace referencia al Error 404, enlaces internos o externos.

Completamos el seguimiento de los errores con un informe personalizado que hemos llamado “Monitor Error 404 – Eventos“:

Google Analytics informe personalizado 'Monitor Error 404 Eventos'

Más información sobre eventos en el Centro de Ayuda de Google Analytics:

Deja un comentario

Un comentario