El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia

HOME

El seguimiento de eventos en Google Analytics es una técnica avanzada que permite a los usuarios rastrear interacciones específicas en su sitio web que no se capturan automáticamente mediante el código de seguimiento estándar. Estas interacciones pueden incluir clics en botones, descargas de archivos, reproducciones de videos, entre otros.

¿Qué es el Seguimiento de Eventos?

El seguimiento de eventos es una funcionalidad de Google Analytics que permite registrar y analizar acciones específicas de los usuarios en un sitio web. A diferencia de las páginas vistas, que se registran automáticamente, los eventos deben configurarse manualmente.

Componentes de un Evento

Un evento en Google Analytics se compone de cuatro componentes principales:

Categoría: Agrupa eventos similares. Ejemplo: "Videos".
Acción: Describe la interacción específica. Ejemplo: "Reproducir".
Etiqueta: Proporciona información adicional sobre el evento. Ejemplo: "Video de Introducción".
Valor: Un valor numérico asociado con el evento. Ejemplo: "30" (segundos de reproducción).

Configuración del Seguimiento de Eventos

Paso 1: Añadir el Código de Seguimiento de Eventos

Para configurar el seguimiento de eventos, debes modificar el código de seguimiento de Google Analytics en tu sitio web. Aquí tienes un ejemplo básico de cómo se vería el código de seguimiento de un evento:

<!-- Código de seguimiento de Google Analytics -->
<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-XXXXX-Y', 'auto');
  ga('send', 'pageview');

  // Código de seguimiento de eventos
  function trackEvent(category, action, label, value) {
    ga('send', 'event', category, action, label, value);
  }
</script>

Paso 2: Llamar a la Función de Seguimiento de Eventos

Una vez que hayas añadido la función trackEvent, puedes llamarla en respuesta a una interacción del usuario. Por ejemplo, para rastrear un clic en un botón, puedes hacer lo siguiente:

<button onclick="trackEvent('Videos', 'Reproducir', 'Video de Introducción', 30);">
  Reproducir Video
</button>

Ejemplo Completo

Aquí tienes un ejemplo completo de cómo se vería el código HTML y JavaScript para rastrear un evento de clic en un botón:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Seguimiento de Eventos</title>
  <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-XXXXX-Y', 'auto');
    ga('send', 'pageview');

    function trackEvent(category, action, label, value) {
      ga('send', 'event', category, action, label, value);
    }
  </script>
</head>
<body>
  <button onclick="trackEvent('Videos', 'Reproducir', 'Video de Introducción', 30);">
    Reproducir Video
  </button>
</body>
</html>

Ejercicio Práctico

Ejercicio 1: Configuración Básica de un Evento

Objetivo: Configurar un evento para rastrear clics en un enlace de descarga de un archivo PDF.

Instrucciones:

Añade el código de seguimiento de Google Analytics a tu sitio web.
Crea una función trackEvent para rastrear eventos.
Configura un evento para rastrear clics en un enlace de descarga de un archivo PDF.

Código de Ejemplo:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Seguimiento de Descargas</title>
  <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-XXXXX-Y', 'auto');
    ga('send', 'pageview');

    function trackEvent(category, action, label, value) {
      ga('send', 'event', category, action, label, value);
    }
  </script>
</head>
<body>
  <a href="documento.pdf" onclick="trackEvent('Descargas', 'Clic', 'PDF de Ejemplo', 1);">
    Descargar PDF
  </a>
</body>
</html>

Solución del Ejercicio

El código anterior configura un evento para rastrear clics en un enlace de descarga de un archivo PDF. La categoría del evento es "Descargas", la acción es "Clic", la etiqueta es "PDF de Ejemplo" y el valor es "1".

Conclusión

El seguimiento de eventos en Google Analytics es una herramienta poderosa para obtener información detallada sobre las interacciones de los usuarios en tu sitio web. Al configurar eventos, puedes rastrear acciones específicas que son importantes para tus objetivos de negocio y obtener datos valiosos para mejorar la experiencia del usuario y optimizar tu sitio web.

En el siguiente módulo, exploraremos cómo configurar el seguimiento de comercio electrónico mejorado para obtener una visión más profunda del comportamiento de compra de los usuarios en tu sitio web.

Seguimiento de Eventos

¿Qué es el Seguimiento de Eventos?

Componentes de un Evento

Configuración del Seguimiento de Eventos

Paso 1: Añadir el Código de Seguimiento de Eventos

Paso 2: Llamar a la Función de Seguimiento de Eventos

Ejemplo Completo

Ejercicio Práctico

Ejercicio 1: Configuración Básica de un Evento

Solución del Ejercicio

Conclusión

Curso de Google Analytics

Módulo 1: Introducción a Google Analytics

Módulo 2: Seguimiento e Informes

Módulo 3: Seguimiento Avanzado y Personalización

Módulo 4: Análisis e Interpretación de Datos

Módulo 5: Integración y Automatización

Módulo 6: Técnicas Avanzadas y Mejores Prácticas

Módulo 7: Estudios de Caso y Aplicaciones del Mundo Real