<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1500086133623123&amp;ev=PageView&amp;noscript=1">
logo de inboundcycle

Agencia de Inbound Marketing

Blog de Inbound Marketing

Técnicas y recursos para ayudarte a generar oportunidades comerciales y branding basados en las experiencias de todo un equipo de profesionales del marketing digital.


Aprende a utilizar los eventos en Google Analytics

por Marina Mele  |  15/10/2015

ROI y análisis de resultados

En un momento en el que la analítica web se ha convertido en uno de los pilares de cualquier estrategia de marketing digital, conviene prestar la máxima atención a todos aquellos factores y recursos que puedan ayudarnos a conocer mejor a quienes visitan nuestra web, ya que esto nos permitirá adquirir una ventaja competitiva respecto a otras empresas del sector. Por esta razón, merece la pena conocer a fondo una de las variables más versátiles de Google: los eventos. Si quieres aprender a utilizarlos y saber cómo sacarles el máximo partido, no te pierdas este post. 

Antes de empezar, lo primeros que tenemos que analizar es la función de los eventos de Google Analytics. Básicamente, podemos decir que ésta contribuye a monitorizar el comportamiento de los usuarios que acceden a nuestro site. Por ejemplo, gracias a esta opción podemos saber si los internautas consultan la página de precios, si se descargan una guía o si efectúan una compra, entre otras muchas posibilidades de navegación e interacción.

google-analytics-eventos-clics

Útil, ¿verdad? De ahí la necesidad de obtener el máximo rendimiento posible de los eventos. Pero para ello, primero debemos definirlos. A la hora de dar este paso, hay que tener configurado el código de seguimiento de Google Analytics en todo el sitio web. En las líneas que siguen, tomaremos como referencia Universal Analytics, donde el script de seguimiento es analytics.js. 

Si necesitas más información, te invitamos a consultar este artículo sobre cómo funciona Google Analytics, y en el que también se detallan los distintos códigos de seguimiento existentes (como analytics.js y ga.js).

Preparando el terreno

Para definir un evento, debemos especificar la categoría y la acción del evento, dos propiedades que definirán la interacción del usuario con el site. Veamos muy brevemente en qué consisten:

  • La categoría es un texto que describe el objeto con el que interactúa el usuario. Para ilustrarlo, podríamos referirnos a la categoría button, que se refiere al lugar en el que éste hace clic. 
  • En cuanto a la acción, se trata de otro texto que indica el tipo de acción que lleva a cabo un usuario. Por ejemplo, y volviendo al ejemplo anterior, el hecho de hacer clic sobre el botón.

En ambos casos, estos textos habrán sido definidos por nosotros, ya que Google Analytics no establece unos valores predefinidos.

Una vez hemos decidido la categoría y la acción del evento, construiremos el código del evento de este modo:

ga(‘send’, ‘event’, ‘categoría’, ‘acción’);

En esta fórmula, hay que emplear la función ga seguida de los argumentos send e event para enviar el evento que hemos creado a Google Analytics. Asimismo, en categoría y acción, indicaremos los valores que hemos definido para nuestro evento.

Tras definir el código, debemos hacer que éste se ejecute cuando el usuario realice la acción que queremos. Y para conseguirlo, tenemos que utilizar JavaScript.

La librería jQuery de JavaScript

Para facilitar esta tarea, vamos a usar la popular librería de JavaScript jQuery, que sirve para crear interficies de usuario enriquecidas del lado del cliente. Además, nos permite manejar los distintos elementos de nuestro site de un modo mucho más fácil. Lo más probable es que tu sitio web ya utilice esta librería y no tengas que importarla (para estar seguro/a al 100%, dirígete a tu webmaster para confirmarlo). Sin embargo, si tienes que importarla, simplemente deberás añadir el siguiente código en el footer de tu site:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Si quieres aprender cómo funciona, no dejes de echar un vistazo a este curso de Code Academy

En cualquier caso, nuestra explicación te resultará mucho más clara si la ilustramos con un ejemplo. Imaginemos que queremos definir un evento que detecte cuando un usuario hace clic en uno de los botones de nuestro site. Supongamos que el código HTML del botón en cuestión es el siguiente:

<button id=“boton”>¡Descarga la guía!</button>

En esta secuencia, el ID define el identificador único del botón, al que aquí nos referimos como boton. 

A partir de aquí, vamos a crear el código con jQuery, que será el responsable de ejecutar el código del evento cuando el usuario haga clic sobre el botón:

<script>
$('#boton').on('click', function() {
  ga('send', 'event', 'button', 'click');
});
</script>

En este código:

  • el símbolo $ representa la librería jQuery.
  • buscamos el elemento <button> utilizando su identificador con $(‘#boton’).
  • vinculamos la ejecución de la función ga al evento click del botón con el método on().
  • enviamos los datos de nuestro evento en ga(‘send’, ‘event’, ‘button’, ‘click’).

Opciones avanzadas de los eventos

Además de la categoría y de la acción, cada evento puede estar definido por dos características más: el nombre y el valor. Veamos en qué consisten: 

  • El nombre es el texto que definimos para distinguir entre eventos del mismo tipo o categoría. Por ejemplo, si queremos diferenciar entre los clics sobre distintos elementos del menú principal, podemos usar el nombre del menú para definir el evento.
  • Por lo que respecta al valor, se trata de un número positivo que podemos definir y usar como contador. Por ejemplo, si queremos saber cuántas veces hace clic un usuario sobre un mismo botón.

Para enviar estos valores, simplemente hay que agregarlos dentro de la función ga:

ga(‘send’, ‘event’, ‘categoría’, ‘acción’, ’nombre’, 4);

Como puedes observar, hemos puesto 4 para indicar que el valor es un número y no una cadena de caracteres, como ocurre con los otros parámetros.

Aclaraciones finales: FAQ

Llegados a este punto, es posible que te hayan surgido algunas dudas, sobre todo si ya estás familiarizado/a con Google Analytics.

Para ayudarte a resolverlas, respondemos a algunas de las cuestiones más frecuentes:

1) ¿Se puede incluir más de un evento en una misma página?

Así es: cada evento es independiente. Simplemente hay que hacer que el código de JavaScript ejecute la función ga para cada uno de los eventos que deseemos agregar, en el momento que sea necesario.

2) ¿Podemos poner más de un evento en un mismo elemento?

Sí. En un mismo elemento, tenemos la opción de:

  • Definir dos eventos de tipos distintos. Un ejemplo consistiría en enviar un evento diferente a Google Analytics, dependiendo de si el usuario hace clic o doble clic sobre un elemento.
  • Enviar eventos distintos para un mismo evento del usuario. Por ejemplo, se pueden enviar los eventos suscripción y compra a Google Analytics cuando el usuario envíe un formulario.

3) ¿Los eventos se configuran a nivel de propiedad o de vista?

Cuando pefilamos y enviamos un evento en nuestra página web, éste se define como propiedad de Google Analytics. Eso quiere decir que va a estar disponible en todas las vistas definidas en esa propiedad. En cualquier caso, recuerda que cada propiedad va asociada a un código de seguimiento.

4) ¿Dónde podemos ver nuestros eventos?

Cuando se trata de Google Analytics, simplemente tenemos que ir a Comportamiento ---> Eventos ---> Visión general. 

¿A que no es tan difícil? Desde InboundCycle, te animamos a empezar a utilizar tus propios eventos. ¡No tardarás en obtener mediciones mucho más precisas! 

marketing de contenidos e inbound marketing

ROI y análisis de resultados

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!