Instalar el SDK de navegador

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

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

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

<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>:

<!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.

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

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.

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 antes de configurar los activadores de GTM

Paso 2: Verificar la instalación

Después de desplegar tu snippet:

Abre tu sitio web en un navegador
Abre las DevTools, pestaña Network
Filtra por /ct
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.

Siguientes pasos

Configuración del SDK

Todas las opciones de init y qué controla cada interruptor.

Eventos personalizados

Registrar acciones concretas del usuario desde tu código JavaScript.

Frameworks SPA

Configuración específica para React, Next.js y Vue.

Verificar y depurar

Confirmar que los eventos se reciben correctamente.

Visión general

SDK del navegador

En el servidor

Referencia de API

Recursos

Paso 1: Copiar tu snippet desde el panel

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

Opción B: Google Tag Manager

Paso 2: Verificar la instalación

Siguientes pasos

Configuración del SDK

Eventos personalizados

Frameworks SPA

Verificar y depurar

​Paso 1: Copiar tu snippet desde el panel

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

​Opción B: Google Tag Manager

​Paso 2: Verificar la instalación

​Siguientes pasos

Configuración del SDK

Eventos personalizados

Frameworks SPA

Verificar y depurar

Paso 1: Copiar tu snippet desde el panel

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

Opción B: Google Tag Manager

Paso 2: Verificar la instalación

Siguientes pasos