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

# Instalar el SDK de navegador

> Añade el snippet de seguimiento de Scanova a tu sitio directamente en HTML o mediante Google Tag Manager. Funciona con cualquier sitio, CMS o framework.

El SDK es una sola etiqueta `<script>`. Se instala una vez en el `<head>` de tu sitio y se carga de forma asíncrona, sin afectar al rendimiento de la página.

## Paso 1: Copiar tu snippet desde el panel

1. En el panel de Scanova, ve a **Análisis → Seguimiento de conversiones**
2. Selecciona **Configurar seguimiento de conversiones**
3. Selecciona **Configuración de seguimiento** en tu sitio, en la pestaña **Insertar script**
4. Activa los interruptores de seguimiento automático que quieras
5. Copia el snippet generado

El snippet tendrá este aspecto, con tu `site_id` ya incluido:

```html theme={null}
<script>
(function(w,d,s,o,f,js,fjs){
  w['ScanovaTrackingObject']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
  js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
  js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
})(window,document,'script','scanova','https://cdn.scanova.io/ct/js/qcg.min.js');

scanova('init', 'YOUR_SITE_ID', {
  autoPageview: true,
  autoClicks: true,
  autoForms: true,
  autoScroll: true
});
</script>
```

## Opción A: Instalar directamente en el HTML (recomendado)

Pega el snippet dentro de la etiqueta `<head>` de tu sitio, **antes del cierre `</head>`**:

```html theme={null}
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Your Page</title>

  <!-- Scanova Conversion Tracking -->
  <script>
  (function(w,d,s,o,f,js,fjs){
    w['ScanovaTrackingObject']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  })(window,document,'script','scanova','https://cdn.scanova.io/ct/js/qcg.min.js');

  scanova('init', 'YOUR_SITE_ID', {
    autoPageview: true,
    autoClicks: true,
    autoForms: true,
    autoScroll: true
  });
  </script>
</head>
<body>
  <!-- your content -->
</body>
</html>
```

**Dónde pegarlo en plataformas habituales:**

| Plataforma  | Dónde añadir el snippet                                                |
| ----------- | ---------------------------------------------------------------------- |
| WordPress   | Appearance → Theme Editor → `header.php`, antes de `</head>`           |
| Shopify     | Online Store → Themes → Edit Code → `theme.liquid`, antes de `</head>` |
| Webflow     | Project Settings → Custom Code → Head Code                             |
| Squarespace | Settings → Advanced → Code Injection → Header                          |
| Wix         | Settings → Custom Code → Add Code → Head                               |
| HTML propio | Directamente en el `<head>` de tu plantilla HTML                       |

## Opción B: Google Tag Manager

Usa GTM si gestionas todas tus etiquetas desde la consola de GTM y no puedes editar el HTML de tu sitio directamente.

1. Abre tu contenedor de GTM
2. Haz clic en **Tags → New**
3. Elige **Custom HTML** como tipo de etiqueta
4. Pega el snippet completo de Scanova
5. Configura el activador en **All Pages**
6. Nombra la etiqueta (por ejemplo, «Scanova Conversion Tracking») y haz clic en **Save**
7. Pulsa **Submit** y **Publish** para publicar el contenedor

<Warning>
  No instales el snippet a la vez directamente en el HTML y mediante GTM en la misma página. El SDK se cargaría dos veces y enviaría eventos duplicados.
</Warning>

**Consejos para GTM:**

* Haz que la etiqueta se dispare lo antes posible: usa los activadores «DOM Ready» o «Page View», no «Window Loaded»
* Si tu sitio es una single-page app (SPA), lee la [guía de SPA y frameworks](/es/conversion-tracking/browser/spa-frameworks) antes de configurar los activadores de GTM

## Paso 2: Verificar la instalación

Después de desplegar tu snippet:

1. Abre tu sitio web en un navegador
2. Abre las DevTools, pestaña **Network**
3. Filtra por `/ct`
4. Recarga la página

Deberías ver una petición `POST` a `https://t.scanova.io/ct` que devuelve `200`.

Para una lista de verificación completa, consulta [Verificar y depurar](/es/conversion-tracking/browser/verify).

## Siguientes pasos

<CardGroup cols={2}>
  <Card title="Configuración del SDK" icon="sliders" href="/es/conversion-tracking/browser/sdk-configuration">
    Todas las opciones de init y qué controla cada interruptor.
  </Card>

  <Card title="Eventos personalizados" icon="sparkles" href="/es/conversion-tracking/browser/custom-events">
    Registrar acciones concretas del usuario desde tu código JavaScript.
  </Card>

  <Card title="Frameworks SPA" icon="react" href="/es/conversion-tracking/browser/spa-frameworks">
    Configuración específica para React, Next.js y Vue.
  </Card>

  <Card title="Verificar y depurar" icon="bug" href="/es/conversion-tracking/browser/verify">
    Confirmar que los eventos se reciben correctamente.
  </Card>
</CardGroup>
