¿Cómo crear y hacer seguimiento de Eventos de tu sitio web? 🌐

Tiempo recomendado para trabajar en este hack: 60 minutos ⌛


Lo primero que tenes que entender, a la hora de crear un evento en tu sitio web es, ¿Qué es un evento y por qué necesitamos hacerle seguimiento?🤔


En pocas palabras, cuando hablamos de un “Evento”, hablamos de una acción específica que realiza el usuario dentro de tu sitio web. Y necesitas hacerles seguimiento para comprender, algo tan simple como:

👉Cómo interactúa el usuario con la web y su usabilidad.

👉Cuales son los resultados exactos de tus esfuerzos realizados.

👉 Y con los datos recopilados, poder hacer proyecciones más certeras.


Algunas de estas acciones anteriores podrían ser:

  • Completar un registro

  • Dejar un mail para recibir blogs futuros (newsletter)

  • Reproducir un video (y la duración del mismo)

  • Clicks en un botón

  • Páginas vistas

  • Hacer scroll hasta cierta profundidad de nuestra web y más.


Para poder continuar con este artículo y el seguimiento de tus eventos, vas a necesitar la herramienta Google Tag Manager. Esta, te ayudará a ser más eficientes a la hora de crear cada evento para sus respectivas plataformas (Facebook, google analytics, etc.) y además es gratis.


Si aún no la tenes instalada, te recomendamos que lo hagas. Acá te dejamos tutoriales dependiendo de la herramienta en la que hiciste tu web:

  • Con Wix: LINK

  • Con WordPress: LINK

  • Con Tiendanube: LINK

  • Con HTML y sin gestor de contenidos, es un poco más complejo. ¡Avisános y con gusto te ayudaremos!


Ahora si, ¡Continuemos con la creación de de los eventos!


🔹Activar las variables de click


Si no trabajaste antes con Google Tag Manager, lo más probable es que necesites activar las variables integradas de click. Esto le permite a GTM identificar las acciones del click de tu página para luego poder hacer un seguimiento de los mismos.


Para activar las variables de click tenes que:

  1. Dirigirte a la pestaña de variables en nuestro Tag Manager

  2. Hacer click en Configurar

  3. Hacer check en todas las variables de click


Con esto ya tenes las variables activadas y vas a los activadores.


🔹Configurar los activadores o triggers


Lo que nos permiten los activadores es definir qué tiene que ocurrir para que la acción específica realizada en la web se considere un evento. En este caso la acción será un simple "click" así que hace lo siguiente:

  • En el panel de Activadores

  • Haces click en Nuevo

  • Haces click en Configuración del activador

  • En la sección Click elegí Todos los elementos

Guarda los cambios y volvemos al Tag Manager para comprobar que todo funciona.


Comprobá que funciona el activador❗

Una vez que lo tenemos configurado, activá la vista previa del Tag Manager e ingresá la URL de tu sitio web que deseas previsualizar, con la vista previa activada; volves a la web y podrás ver que al hacer click sobre cualquier elemento de la web (porque lo dejaste en “Todos los clicks”) se va a detectar esa acción, que de momento no está vinculada con ninguna etiqueta.


Como sólo nos interesan los clicks que se hacen en el botón del menú para esta prueba, vamos a hacer que Tag Manager sólo escuche los clicks en ese elemento:

  1. Volvé a la configuración del activador que acabamos de crear

  2. En lugar de Todos los clicks elegí "algunos clicks"

  3. Elegís la variable que te interese trackear (Nosotros vamos a usar el Click ID, ya que en nuestro caso Click Class no tenemos ningún valor que podamos usar para hacer el seguimiento).

  4. Indicá que la variable tiene que ser igual a, y luego el valor de la variable (en nuestro caso es menu-btn)


Guarda los cambios, actualizá la vista previa y refresca la web, el activador sólo reaccionará cuando hagas un "click" sobre el elemento al que acabas de apuntar.

Ahora que el activador ya está listo, a crear la etiqueta que enviará esta acción como un evento a Google Analytics.


🔹Creá la etiqueta de evento de Analytics


Para ello primero crearás la etiqueta:

  1. En el panel de Etiquetas

  2. Hace click en Nueva

  3. Hace click en Configuración de la etiqueta

  4. Elegí Google Analytics: Universal Analytics de las opciones que nos salen

Y ahora configura la etiqueta:

  1. En Tipo de seguimiento elegí Evento

  2. Rellena los campos de parámetros. Básicamente es para clasificar y organizar un poco qué tipo de acción estamos siguiendo. Con que rellenemos Categoría y Acción ya nos vale, por ejemplo:

  3. Categoría: "Vídeos"

  4. Acción: "Descargados"

  5. Etiqueta: "Lo que el viento se llevó"

  6. En Hit sin interacción lo dejamos por defecto en falso.

  7. En Configuración de Google Analytics selecciona la opción Nueva Variable

  8. En la nueva ventana lateral, indicamos nuestro ID de seguimiento de Analytics que podes encontrar en tu Google Analytics en Administrar > Configuración de la propiedad

  9. Una vez completado haces click en Guardar y le asignas un nombre a la configuración.


Automáticamente volvé a la configuración de la etiqueta, el resto lo podes dejar por defecto. Sólo queda asignarle el activador que has creado antes, haciendo click sobre Activación y seleccionando el activador.

¡Guardas los cambios y listo! Si hiciste todo correctamente, el evento ya está configurado. 🥳

Para comprobar que el evento se dispara correctamente vas a actualizar la vista previa del Tag Manager, volvé a la web, recargála, y ahora en el panel inferior debería aparecer el evento que acabamos de crear:



Y cuando hagas click sobre el elemento que has configurado como Activador, este evento pasará de Tags Not Fired On This Page a Tags Fired On This Page.



Con esto ya podes estar seguro de que los eventos aparecerán en Google Analytics

¡También podes ir a la página de Analytics y comprobarlo! Para hacerlo te dirigís a la cuenta de Google Analytics de la web y vas al informe de eventos en Comportamiento > Eventos > Visión general.

Para probar en tiempo real lo podemos comprobar en Tiempo Real > Eventos.


Recordá que podes consultarnos en nuestro chat💬