Google Analytics no solo nos permite saber que páginas visitan los usuarios de la web, en que orden y cuanto tiempo pasan en ellas, sino que tambien nos permite recopilar información sobre como interactua el usuario con el contenido de la web. Para conseguirlo hay que utilizar los eventos.

Basicamente los eventos son interacciones del usuario con una página web. Cosas como pulsar un enlace, realizar la descarga de un archivo, los clics en anuncios o las reproducciones de vídeo son ejemplos de eventos que se pueden monitorizar con Google Analytics.

El registro de los eventos que nos interesen se realiza insertando código javascript en nuestra página utilizando la función que ofrece Analytics.

De forma original, insertando el código de seguimiento que ofrece Google Analytics, solo monitorizamos la visualización de una página de nuestro sitio a través del evento pageview.

<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','https://www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-XXXXXXXX-1', 'auto');
 ga('send', 'pageview');
</script>

Los eventos personalizados tienen los siguientes elementos que son los que luego se pueden analizar en los informes de analítica:

  • Categoría: suele indicar el tipo de elemento de la página (menú, video, panel,…)
  • Acción: indica que acción se realiza sobre dicho elemento (pulsar, reproducir, activar, ….)
  • Etiqueta y valor (opcionales): aportan información adicional sobre el evento registrado (id_del_boton, nombre_del_video.mp4, …). El valor tiene como especial que en lugar de ser una cadena de texto es un valor númerico que se puede usar para indicar cosas como tiempos de carga o reproducción.

Es importante dedicar algo de tiempo para decidir la nomenclatura que vamos a usar, ya que una vez registrado un evento no puede cambiarse ninguno de estos campos y es recomendable no duplicar los nombres de acciones para diferentes categorías.

Para conocer más en detalle como se realiza el recuento de los eventos en los informes y como afecta a la medición de los rebotes de las páginas desde la ayuda de Analytics que ofrece Google.

A continuación vamos a ver ejemplos de como podemos insertarlos en nuestra web:

Descargas de archivos

Supongamos que tenemos un listado de enlaces, cada uno de ellos enlazado a un archivo pdf para descargar. En cada enlace habría que usar el atributo de evento de javascript onClick. 

<a href="/downloads/example-whitepaper.pdf" onClick="ga('send', 'event', { eventCategory: 'biblioteca', eventAction: 'descarga', eventLabel: 'informe.pdf'});">Download PDF</a>

Envio de un formulario

Nos valemos de nuevo del atributo de evento onClick del elemento input para insertar el código de envio de evento. 

<input id=”contact-submit” class=”button” type=”submit” value=”Submit” onClick="ga('send', 'event', { eventCategory: 'contacto', eventAction: 'envio-formulario', eventLabel: 'formulario'});">

Reproducción de videos

Monitorizar eventos relacionados con videos generalmente implica algo más de código javascript.

Si lo que tenemos son vídeos alojados en Youtube o Vimeo, tenemos que usar técnicas más avanzadas como describe en el blog de Lunametrics.  Si lo que se usa es el reproductor basado en Flash FlowPlayer, tambien dispone de un plugin para poder realizar la gestión de los eventos.

Usuarios están un tiempo mínimo en la página

Supongamos que un visitante llega al blog de la web y tras leer una entrada, abandona el sitio web. En la analítica eso se considera un rebote porque solo ha interactuado una vez con la página. Si queremos contabilizar esos usuarios tenemos que generar eventos que los tengan en cuenta. En este caso vamos a registrar eventos en los usuarios que pasen más de 20 segundos en la página: 

setTimeout(function() { ga('send', 'event', 'blog', 'entrada-leida', window.location.href); }, 20000);