> ## Documentation Index
> Fetch the complete documentation index at: https://docs.komerza.com/llms.txt
> Use this file to discover all available pages before exploring further.

# SDK de Analytics

> Recupere el análisis de visitantes en su panel de Komerza con nuestro ligero script de analytics

## Descripción general

El SDK de Analytics de Komerza le permite rastrear el comportamiento de los visitantes en su sitio web personalizado y ver el análisis directamente en su panel de Komerza. Con solo una etiqueta de script, obtendrá información completa sobre los visitantes, incluyendo vistas de página, sesiones de usuario, seguimiento de conversiones y más.

<Card title="Ver Analytics" icon="chart-line" href="https://dashboard.komerza.com/">
  Acceda a sus análisis de visitantes en el panel de Komerza
</Card>

## Características

<CardGroup cols={2}>
  <Card title="Compatible con GDPR" icon="shield-check">
    Gestión automática del consentimiento de cookies con cookies esenciales/opcionales
  </Card>

  <Card title="Cero configuración" icon="bolt">
    Solo incluya el script con su ID de tienda - no se requiere configuración
    compleja
  </Card>

  <Card title="Analytics en tiempo real" icon="chart-line">
    Vea datos de visitantes instantáneamente en su panel de Komerza
  </Card>

  <Card title="Enfocado en privacidad" icon="eye-slash">
    Respeta la privacidad del usuario con consentimiento de cookies transparente y aislamiento Shadow DOM
  </Card>
</CardGroup>

## Inicio rápido

### Integración con un solo script

Agregue el script de analytics a sus páginas HTML con su ID de tienda:

```html theme={null}
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mi tienda</title>
  </head>
  <body>
    <!-- Contenido de su sitio web -->
    <h1>Bienvenido a mi tienda</h1>

    <!-- Komerza Analytics - Agregue antes de cerrar la etiqueta </body> -->
    <script
      data-store-id="your-store-id"
      src="https://cdn.komerza.com/ka.min.js"
    ></script>
  </body>
</html>
```

<Note>
  Reemplace `your-store-id` con su ID de tienda Komerza real desde su panel. El
  script de analytics gestiona automáticamente el cumplimiento del GDPR
  mostrando un aviso de consentimiento de cookies a los visitantes.
</Note>

## Flujo de consentimiento de cookies

Cuando un visitante llega por primera vez a su sitio:

1. **Vista de página inmediata**: Se registra una vista de página solo con IP inmediatamente (compatible con GDPR)
2. **Visualización del aviso de cookies**: Aparece un aviso compatible con GDPR en la parte inferior derecha
3. **Temporizador de 20 segundos**: Sin respuesta, el seguimiento "Solo requerido" se activa automáticamente
4. **Elección del usuario**: El visitante puede elegir "Solo requerido" o "Aceptar todo" en cualquier momento
5. **Almacenamiento de preferencias**: La elección se recuerda para futuras visitas (vencimiento de cookie después de 1 hora)

<Tabs>
  <Tab title="Solo requerido">
    * ID de visitante aleatorio (sin huella digital)
    * Tipo de dispositivo y nombre del navegador
    * Información de referente
    * Seguimiento de sesión (vencimiento después de 1 hora)
    * Sin seguimiento entre sesiones
  </Tab>

  <Tab title="Aceptar todo">
    * Huella digital del navegador para ID de visitante estable
    * Seguimiento de analytics completo
    * Información mejorada sobre el comportamiento del usuario
    * Seguimiento de conversiones y objetivos
    * Métricas de rendimiento detalladas
    * Seguimiento entre sesiones
  </Tab>
</Tabs>

## Control manual de consentimiento

Si desea controlar el consentimiento mediante programación (p. ej., banner de cookies personalizado):

```html theme={null}
<script
  data-store-id="your-store-id"
  src="https://cdn.komerza.com/ka.min.js"
></script>

<script>
  // Aceptar solo el seguimiento requerido
  function acceptRequired() {
    window.KomerzaAnalytics.acceptRequired();
  }

  // Aceptar el seguimiento de analytics completo
  function acceptAll() {
    window.KomerzaAnalytics.acceptOptional();
  }

  document
    .getElementById("accept-required")
    .addEventListener("click", acceptRequired);
  document.getElementById("accept-all").addEventListener("click", acceptAll);
</script>
```

## Características de privacidad

* **IDs de visitantes aleatorios**: El seguimiento solo requerido usa IDs aleatorios criptográficos (sin huella digital)
* **Vencimiento corto**: Todas las cookies vencen después de 1 hora
* **Sin seguimiento entre dominios**: Las cookies son específicas del sitio
* **Anonimización de IP**: Las vistas de página esenciales son solo IP, sin ID de visitante

## Política de seguridad de contenido (CSP)

Para sitios con encabezados CSP, agregue lo siguiente a su configuración CSP:

```http theme={null}
Content-Security-Policy:
  script-src 'self' https://cdn.komerza.com;
  connect-src 'self' https://m-api.komerza.com;
```

<Note>
  El script de analytics no requiere integración de nonce CSP ya que se carga
  desde un CDN de confianza. Sin embargo, asegúrese de que
  `https://cdn.komerza.com` esté en su directiva `script-src`, y
  `https://m-api.komerza.com` en su directiva `connect-src`.
</Note>

## Ver sus analytics

Una vez que el script esté instalado y los visitantes comiencen a llegar a su sitio:

1. **Inicio de sesión en el panel**: Visite [dashboard.komerza.com](https://dashboard.komerza.com)
2. **Navegue a Analytics de visitantes**: Haga clic en la sección "Visitantes"
3. **Ver información**: Vea datos de visitantes en tiempo real e históricos
4. **Rastrear rendimiento**: Supervise las tasas de conversión y el comportamiento del usuario

## Compatibilidad con bloqueadores de anuncios

El script de analytics usa el nombre de archivo `ka.min.js` que tiene menos probabilidades de ser bloqueado por bloqueadores de anuncios en comparación con nombres de archivo que contienen "analytics" o "tracking". Sin embargo, algunos bloqueadores agresivos aún pueden bloquear las solicitudes de analytics.

## Soporte

<CardGroup cols={2}>
  <Card title="Panel de Analytics" icon="chart-line" href="https://dashboard.komerza.com/">
    Acceda a sus análisis de visitantes e informes
  </Card>
</CardGroup>
