Cómo añadir analítica respetuosa con la privacidad a un sitio Astro

Astro está construido para la velocidad. Tu analítica debería estarlo también.

Paso 1: Añade el script

Abre tu archivo de layout principal (normalmente src/layouts/Layout.astro) y añade una línea antes de </body>:

<script
  src="https://app.fairlytics.dev/js/tracker.v1.js"
  data-site="TU_SITE_ID"
  data-api="https://app.fairlytics.dev"
  is:inline
></script>

La directiva is:inline le dice a Astro que incluya el script tal cual, sin empaquetarlo. El tracker pesa solo 510 bytes comprimido.

Paso 2: Verifica que funciona

Despliega tu sitio o ejecuta astro dev, ábrelo en un navegador y comprueba tu panel de Fairlytics. Deberías ver la página vista aparecer en segundos.

Funciona con ViewTransitions

Si usas <ViewTransitions /> de Astro para navegación del lado del cliente, el tracker lo gestiona automáticamente. Escucha eventos popstate y la History API.

Funciona con SSR e islands

Ya sea en modo estático, servidor o híbrido — el tracker funciona igual. Se ejecuta enteramente en el cliente, así que tu estrategia de renderizado no importa.

¿Por qué no Google Analytics?

Google Analytics establece cookies, requiere un banner de consentimiento en la UE y carga ~82 KB de JavaScript. Fairlytics carga 510 bytes, cero cookies, sin banner necesario.

Qué obtienes

Sin cookies ni datos personales:

Así funciona el conteo de visitantes sin cookies.

Regístrate en Fairlytics — gratis, sin tarjeta de crédito.