Aller au contenu principal
Zenovay
Gratuit5 minutesDébutant

Comment installer le script de suivi sur mon site web ?

Checklist en 5 étapes pour ajouter Zenovay à n'importe quel site web — obtenez votre code de suivi, collez la balise script, déployez, vérifiez et confirmez que les événements arrivent.

installquickstartscriptchecklistfirst-time
Dernière mise à jour :

Le tracker Zenovay est une seule balise <script>. L'ajouter à n'importe quel site web est un processus en 5 étapes.

Les 5 étapes

  1. Obtenez votre code de suivi

    Connectez-vous à app.zenovay.com. Si vous n'avez pas encore ajouté le site, cliquez sur Ajouter un site web — l'assistant affiche votre snippet (avec le code de suivi déjà rempli) à la fin.

    Pour un site que vous avez déjà ajouté, ouvrez-le depuis Domaines, allez à Paramètres et sélectionnez l'onglet Général. Le snippet prêt à copier se trouve sous la section Script de suivi. Le code de suivi est une chaîne de 12 caractères comme aB3xK9mP2qR7.

  2. Collez la balise script dans le head HTML de votre site

    L'installation par défaut est une seule balise dans la section <head> de chaque page :

    <script
      defer
      src="https://api.zenovay.com/z.js"
      data-tracking-code="YOUR_TRACKING_CODE"
    ></script>
    

    Remplacez YOUR_TRACKING_CODE par la valeur de l'étape 1.

  3. Déployez la modification

    L'étape de déploiement exacte dépend de votre plateforme — poussez le commit, cliquez sur Save dans votre CMS, ou republiez votre site no-code. Attendez que le changement soit en direct sur votre vrai domaine (pas seulement sur staging).

  4. Visitez votre site et regardez l'onglet Live

    Ouvrez votre site dans une fenêtre incognito. Dans les 30 secondes, votre visite devrait apparaître dans l'onglet Live de votre tableau de bord Zenovay avec la bonne localisation.

  5. Si rien n'apparaît — diagnostiquez

    Si votre visite n'est pas apparue après 60 secondes, vérifiez l'installation avec le premier événement n'apparaît pas. Les causes les plus courantes sont : code de suivi incorrect, bloqueur de publicité sur le navigateur de test, ou test sur localhost.

Guides spécifiques à la plateforme

Choisissez la page qui correspond à votre stack :

PlateformeGuide
WebflowInstaller sur Webflow
WordPressIntégration WordPress
ShopifyIntégration Shopify
Next.jsIntégration Next.js
React (Create React App, Vite, etc.)Intégration React
VueIntégration Vue
Google Tag ManagerInstaller via GTM
Autre choseFramework personnalisé

Où placer la balise script

La balise script va dans le <head> de chaque page que vous voulez tracker. L'emplacement exact varie selon la plateforme :

  • HTML codé à la main — directement dans <head>, juste avant </head>
  • WordPressheader.php du thème ou via l'action wp_head
  • Shopifytheme.liquid, juste avant </head>
  • Next.js<Script> dans votre layout racine, avec strategy="afterInteractive"
  • Webflow — Site settings → Custom code → Head code
  • GTM — balise HTML personnalisée avec déclencheur All Pages

Ce que fait l'attribut defer

defer dit au navigateur : « Charge ce script pendant le parsing de la page, mais ne l'exécute pas avant que la page soit parsée. » Cela signifie que le tracker ne ralentit pas du tout votre rendu de page — les scores Lighthouse restent propres.

Ce qui n'est PAS requis

Vous n'avez pas besoin de :

  • Installer un package npm (sauf si vous utilisez un bundler — voir installation npm)
  • Ajouter une bannière de cookies juste pour Zenovay (le mode sans cookies est par défaut — voir ai-je besoin d'une bannière de cookies)
  • Configurer une entrée de politique de confidentialité (recommandé, mais le tracker fonctionne sans)
  • Whitelister quoi que ce soit dans votre CSP sauf si vous avez une CSP stricte — auquel cas autorisez https://api.zenovay.com dans script-src et connect-src

Lectures complémentaires

Cet article vous a-t-il aidé ?