Installer le SDK navigateur

Le SDK tient dans une seule balise <script>. Vous l’installez une fois dans le <head> de votre site et il se charge de façon asynchrone, sans effet sur les performances de la page.

Étape 1 : copier votre snippet depuis le tableau de bord

Dans le tableau de bord Scanova, ouvrez Analyses → Suivi des conversions
Sélectionnez Configurer le suivi des conversions
Sélectionnez Configuration du suivi sur votre site, dans l’onglet Intégrer le script
Activez les interrupteurs de suivi automatique souhaités
Copiez le snippet généré

Le snippet ressemble à ceci, avec votre site_id déjà renseigné :

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

Option A : installer directement dans le HTML (recommandé)

Collez le snippet dans la balise <head> de votre site, avant la fermeture </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>

Où le coller sur les plateformes courantes :

Plateforme	Où ajouter le snippet
WordPress	Appearance → Theme Editor → `header.php`, avant `</head>`
Shopify	Online Store → Themes → Edit Code → `theme.liquid`, avant `</head>`
Webflow	Project Settings → Custom Code → Head Code
Squarespace	Settings → Advanced → Code Injection → Header
Wix	Settings → Custom Code → Add Code → Head
HTML personnalisé	Directement dans le `<head>` de votre modèle HTML

Option B : Google Tag Manager

Utilisez GTM si vous gérez toutes vos balises depuis la console GTM et ne pouvez pas modifier directement le HTML de votre site.

Ouvrez votre conteneur GTM
Cliquez sur Tags → New
Choisissez Custom HTML comme type de balise
Collez le snippet Scanova complet
Réglez le déclencheur sur All Pages
Nommez la balise (par exemple « Scanova Conversion Tracking ») puis cliquez sur Save
Faites Submit puis Publish pour publier le conteneur

N’installez pas le snippet à la fois directement dans le HTML et via GTM sur la même page. Le SDK se chargerait deux fois et enverrait des événements en double.

Conseils GTM :

Faites se déclencher la balise le plus tôt possible : utilisez les déclencheurs « DOM Ready » ou « Page View », pas « Window Loaded »
Si votre site est une single-page app (SPA), lisez le guide SPA et frameworks avant de configurer vos déclencheurs GTM

Étape 2 : vérifier l’installation

Après avoir déployé votre snippet :

Ouvrez votre site dans un navigateur
Ouvrez les DevTools, onglet Network
Filtrez sur /ct
Rechargez la page

Vous devriez voir une requête POST vers https://t.scanova.io/ct renvoyant 200. Pour une liste de vérification complète, voir Vérifier et déboguer.

Étapes suivantes

Configuration du SDK

Toutes les options d’init et ce que contrôle chaque interrupteur.

Événements personnalisés

Suivre des actions précises depuis votre code JavaScript.

Frameworks SPA

Configuration pour React, Next.js et Vue.

Vérifier et déboguer

Confirmer que les événements sont bien reçus.

Vue d'ensemble

SDK navigateur

Côté serveur

Référence API

Ressources

Étape 1 : copier votre snippet depuis le tableau de bord

Option A : installer directement dans le HTML (recommandé)

Option B : Google Tag Manager

Étape 2 : vérifier l’installation

Étapes suivantes

Configuration du SDK

Événements personnalisés

Frameworks SPA

Vérifier et déboguer

​Étape 1 : copier votre snippet depuis le tableau de bord

​Option A : installer directement dans le HTML (recommandé)

​Option B : Google Tag Manager

​Étape 2 : vérifier l’installation

​Étapes suivantes

Configuration du SDK

Événements personnalisés

Frameworks SPA

Vérifier et déboguer

Étape 1 : copier votre snippet depuis le tableau de bord

Option A : installer directement dans le HTML (recommandé)

Option B : Google Tag Manager

Étape 2 : vérifier l’installation

Étapes suivantes