Los eventos rastreados te permiten medir acciones específicas que los visitantes realizan en tu sitio web, como hacer clic en un botón, enviar un formulario o cualquier otra interacción que consideres importante.

Qué se rastrea automáticamente

Ahrefs Web Analytics rastrea los siguientes eventos automáticamente:

Clics en enlaces de salida – Se activa cuando un usuario hace clic en un enlace con un href válido que lleva fuera del alcance del proyecto, a menos que se haya llamado a event.preventDefault().
Envíos de formularios – Se activa cuando se envía un formulario con un action válido, a menos que se haya llamado a event.preventDefault().

Estos eventos no requieren ninguna configuración y aparecerán en tu informe por defecto. También puedes añadir tus propios eventos rastreados para medir otras acciones específicas que sean importantes para tu sitio.

Tipos de eventos rastreados

Puedes rastrear dos tipos de eventos:

Eventos de visualización de página - Se activan cuando alguien visita una página específica, como una página de agradecimiento o de finalización de compra.
Eventos personalizados - Se activan cuando alguien interactúa con un elemento en tu sitio, como al hacer clic en un botón, enviar un formulario o abrir un modal.

Eventos de visualización de página

Los eventos de vista de página son útiles para hacer seguimiento de las visitas a páginas clave, como las de confirmación o éxito. Si tu sitio tiene URL específicas para acciones completadas, como /thank-you o /checkout/success, puedes configurarlas como eventos con seguimiento.

Para configurar un evento de vista de página:

Abre tu informe de Ahrefs Web Analytics para tu proyecto.
Desplázate hasta la sección de Eventos rastreados y haz clic en Nuevo evento.
Elige Visualización de página como tipo e ingresa la ruta exacta de la página que deseas rastrear.
Nombra el evento para que sea más fácil de reconocer y haz clic en Crear.

Eventos personalizados

Los eventos personalizados son útiles para hacer un seguimiento de interacciones como los clics en botones, los envíos de formularios u otras acciones que no cargan una nueva página. Puedes configurarlos añadiendo nombres de clase especiales a tu HTML.

La forma más sencilla de configurarlos es añadir a tu HTML una clase con el formato AhrefsAnalytics-event-EventName.

Ejemplo:

<a class="AhrefsAnalytics-event-signup" href="#">Registrarse</a>

Esto registrará un evento llamado signup cuando se haga clic en el enlace.

Lo mismo funciona con los formularios:

<form class="AhrefsAnalytics-event-signup" action="/submit">
  ...
</form>

Esto activará un evento personalizado llamado signup cuando se envíe el formulario.

Para empezar a ver el evento personalizado en tu informe, también debes añadirlo al informe:

Abre tu informe de Ahrefs Web Analytics para tu proyecto.
Desplázate hasta la sección de Eventos rastreados y haz clic en Nuevo evento.
Elige Evento personalizado como tipo e ingresa el nombre exacto del evento que usaste en tu HTML.
Nombra el evento para que sea más fácil de reconocer y haz clic en Crear.

Activación de eventos personalizados mediante JavaScript

Para un seguimiento más preciso, puedes enviar eventos personalizados usando JavaScript. Esto te da más control sobre cuándo se activa el evento.

El siguiente fragmento muestra cómo hacerlo:

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent('signup');
}

Propiedades del evento (opcionales)

Las propiedades del evento te permiten añadir detalles adicionales a un evento con seguimiento.
Son útiles cuando quieres desglosar el mismo evento por variantes, planes u otras dimensiones.

Ejemplos:

Un evento signup con propiedades como plan = standard, duration = monthly
Un evento cta_click con propiedades como button = header, variant = B
Un evento purchase con propiedades como category = shoes, size = 42

Verás estas propiedades más adelante en los informes de propiedades del evento.

Nota: los nombres y valores de las propiedades se tratan como cadenas de texto. Al usar los atributos o nombres de clase que se muestran a continuación, los nombres de las propiedades no pueden contener guiones (-), porque los guiones se utilizan como delimitadores.

Cómo añadir propiedades a los eventos

Hay tres maneras de añadir propiedades a tus eventos:

Añade propiedades a todos los eventos mediante el script de seguimiento.
Añade propiedades a un único evento personalizado mediante clases CSS.
Añade propiedades mediante JavaScript (API de JS).

1. Añadir propiedades a todos los eventos (script de seguimiento)

Puedes añadir una propiedad a todos los eventos incorporando atributos data-prop-NAME="VALUE" a tu etiqueta de seguimiento <script>:

<script
  src="https://analytics.ahrefs.com/analytics.js"
  data-key="YOUR_DATA_KEY"
  data-prop-plan="standard"
  data-prop-duration="monthly">
</script>

Esto añadirá plan = "standard" y duration = "monthly" a cada evento enviado desde esta página.

Nota: NAME no puede contener guiones (-).

2. Añadir propiedades a un único evento personalizado (clases CSS)

Puedes añadir propiedades a un evento personalizado específico usando nombres de clase CSS especiales en el elemento que lo activa.

Ejemplo: un botón que activa un evento signup con una propiedad plan:

<div
  class="
    AhrefsAnalytics-event-signup
    AhrefsAnalytics-prop-plan-standard
  ">
  Sign up for Standard
</div>

Aquí:

AhrefsAnalytics-event-signup le indica al script de Ahrefs Web Analytics que envíe un evento signup cuando se haga clic en este elemento.
AhrefsAnalytics-prop-plan-standard añade una propiedad plan = "standard" solo a este evento.

Nota: los nombres de las propiedades en AhrefsAnalytics-prop-… tampoco pueden contener guiones (-).

3. Añadir propiedades mediante JavaScript (API de JS)

Si activas eventos mediante JavaScript, puedes añadir propiedades pasando un objeto como segundo argumento a sendEvent:

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent(
    'signup',
    {
      props: {
        plan: 'standard',
        duration: 'monthly'
      }
    }
  );
}

Esta es la opción más flexible si necesitas configurar propiedades en función del estado de tu aplicación, como el usuario que ha iniciado sesión, la variante de una prueba A/B, etc.

Uso de propiedades del evento en los informes

Las propiedades del evento no aparecen automáticamente. Una vez que empieces a enviarlas, tendrás que añadirlas a tus informes.

Informe de propiedades del evento

Úsalo cuando quieras un desglose por valores de propiedad.

Abre el informe de Web Analytics de tu proyecto.
Ve al informe de Propiedades de evento.
Haz clic en Nueva propiedad.
Elige la propiedad del evento, ponle un nombre y haz clic en Crear.

Esto te permite ver visitantes y eventos desglosados por cada valor de propiedad; por ejemplo, registros por plan, variante de botón o país.

Filtrar por propiedades de evento

También puedes usar propiedades de evento para segmentar otros informes.

Haz clic en Añadir filtro y selecciona Propiedad de evento.
Elige la propiedad y el valor o los valores por los que quieres filtrar.

Esto te permite acotar cualquier informe a, por ejemplo, plan es estándar o variante es B. Puedes añadir varios filtros de propiedades para refinar aún más el segmento.

Eventos rastreados en Ahrefs Web Analytics