Midiendo Eventos con Google Analytics.

Ya que instalamos nuestro código de seguimiento en nuestro sitio, la medición de las pageviews se realizará automáticamente utilizando la url de nuestra página para contar los hits.

Sin embargo, no todas las acciones en el sitio web se pueden medir con pageviews, hay muchos otros tipos de interacciones que, dependiendo de nuestros objetivos comerciales, puede ser para nosotros importante medir.  Veamos el siguiente ejemplo:

Albertito tiene a su encargo el sitio web de un desarrollador inmobiliario que justo acaba de terminar de construir un edificio nuevo. Le interesa que, a través de su sitio web, los usuarios que visiten la página del nuevo edificio puedan solicitar información a través de una forma de contacto y le interesa saber cuantas de las visitas que llegan a la página del nuevo edificio generan una solicitud de información. ¿Qué puede hacer Albertito?

De entrada: sabemos que solamente saber cuantas personas visitan la página de información del sitio no nos va a dar los resultados que necesitamos, ya que es probable que no todas las vistas de página generen un lead. Por otra parte, podríamos esperar a que los mensajes de correo electrónico llegaran a la bandeja de los vendedores y entonces nos informaran cuantos mensajes recibieron cada día. Éste método es imperfecto porque dependemos de la veracidad de los vendedores y de las posibilidades que algún mail se traspapele en su bandeja de spam y además tendríamos cúmulos de información por diferentes lugares lo que nos obligaría a generar un reporte integrando los datos de ambas cosas.

Albertito está pensando seriamente en suicidarse.

Afortunadamente, hay un HitType que, de hecho, es mi favorito por su plasticidad y que nos puede ser de mucha utilidad en este caso: ‘event’

Veamos, primero: Albertito necesitará incluir una forma de contacto en su página que sea capaz de enviar un mensaje de correo electrónico a los vendedores, o sea que puede programar una función en php o javascript que le sirva para enviar este correo desde la forma de contacto. Supongamos que eso ya está hecho y que la forma de contacto se ve más o menos así:

<div id="form-lead">

<form class="form lead" action="sendlead.php" method="post">

<label class="name">Nombre(requerido)</label>
<input id="nombre" class="name" name="nombre" required="" type="text" value="" />

<label class="email">Email(requerido)</label>
<input id="email" class="email" name="email" required="" type="email" value="" />

<label class="phone">Teléfono</label>
<input id="phone" class="phone" name="phone" type="tel" value="" />

<label class="mensaje">Solicitudes especiales</label>
<textarea id="solicitud" class="textarea" name="solicitud" required="" rows="20"></textarea>

<p class="contact-submit"><input class="pushbutton-wide" type="submit" value="Enviar »" /></p>

</form>
</div>

Para construir la información de un evento que podamos enviar a google analytics, de forma básica, podemos utilizar la siguiente fórmula:

ga('send', 'event', [categoría_del_evento], [acción_del_evento], [etiqueta_del_evento], [valor_del_evento]);

Solo deberíamos modificar los valores que aquí están contenidos entre paréntesis cuadrados [], de tal forma que entonces deberíamos de escoger nombres para las categorías, acciones y etiquetas de los eventos. Siguiendo con el ejemplo de Albertito, en este caso yo escogería lo siguiente

  • Categoría del evento – Lead
  • Acción del evento – Envío de forma de contacto
  • Etiqueta del evento – Solicitud de información
  • Valor del evento – 1

Mi intención con esos nombres es contar una historia, de forma que cuando veo el reporte sé que, tuve un lead que llegó a través de enviar una forma de contacto solicitando información. Por lo tanto, nuestro código quedaría así:

ga('send', 'event', 'Lead', 'Envío de forma de contacto', 'Solicitud de información', '1');

Ahora que tenemos construidoel código de seguimiento de nuestro evento, para mandar a google analytics la información de nuestro evento cuando se envíe esta forma, utilizaremos uno de los DOM Event Objects, onsubmit.

En la etiqueta de apertura de form agregaremos onsubmit=” y el código de seguimiento de nuestro evento. Por lo que quedaría de la siguiente forma.

<div id="form-lead">

<form class="form lead" action="sendlead.php" method="post" onsubmit="ga('send', 'event', 'Lead', 'Envío de forma de contacto', 'Solicitud de información', '1');">

<label class="name">Nombre(requerido)</label>
<input id="nombre" class="name" name="nombre" required="" type="text" value="" />

<label class="email">Email(requerido)</label>
<input id="email" class="email" name="email" required="" type="email" value="" />

<label class="phone">Teléfono</label>
<input id="phone" class="phone" name="phone" type="tel" value="" />

<label class="mensaje">Solicitudes especiales</label>
<textarea id="solicitud" class="textarea" name="solicitud" required="" rows="20"></textarea>

<p class="contact-submit"><input class="pushbutton-wide" type="submit" value="Enviar »" /></p>

</form>
</div>

Con esto: cada vez que se llene la forma de contacto, nosotros recibiremos un evento en Analytics y nos mantendremos contando la información en un solo lugar.

Ahora bien: una forma puede no ser el evento que tu quieres medir, pero quieres medir las descargas de un archivo que tienes enlazado, si viste el enlace de los HTML DOM Event Objects seguramente viste que hay un evento onclick que puedes usar para medir estas descargas.

Algunos consejos finales.

  1. Se ordenado. Tal vez te parezca innecesario a priori, pero establecer un plan, objetivo y estrategia comercial te ayudarán al momento de generar tus event labels, event actions, event categories, etcétera. Tal vez al crear tu primer evento esto no tenga tanta importancia, pero si Albertito después tiene otras 3 formas de contacto para 3 desarrollos adicionales diferentes y además 4 catálogos: casas en renta, departamentos en renta, casas en venta, departamentos en venta; y todos se pueden descargar entonces puede meterse en problemas. Consulta siempre con el departamento comercial para unificar esta estrategia y tener mejores reportes que te ayuden a tomar mejores decisiones.
  2. Estandariza los nombres. Define una cantidad de categorías, acciones y etiquetas posibles para escoger en determinado momento. Si consideras que no es suficiente entonces puedes sugerir agregar una más. Siempre revisa tus objetivos comerciales antes de crear nuevas categorías o acciones e incluso etiquetas.
  3. Siempre prueba. A veces estamos sumamente confiados y nos olvidamos de probar nuestro código antes de mandarlo a producción. Llena tu forma y revisa tu evento en la sección de Tiempo Real de google analytics.

¿Tienes alguna duda?

Visita el Glosario de Google Analytics o Solicita un artículo. Puedes revisar el código fuente de la forma de contacto en esa página para que repases el seguimiento de eventos 😉

Author: Cristóbal Galindo

Biólogo por educación, músico por pasión, analytics junkie por necedad y community Manager por necesidad

Leave a Reply