Webflow rend l'ajout de Zenovay simple — aucun plugin à installer. Vous collez la balise du tracker dans le panneau « Head Code » du site et publiez.
Étapes
Copier votre code de suivi
Connectez-vous à app.zenovay.com, ouvrez le tableau de bord de votre site et allez dans Paramètres → Général. Votre extrait de suivi est affiché là — copiez le code de suivi (il ressemble à
zv_abc123xyz).Ouvrir les paramètres du site Webflow
Dans le Designer Webflow, cliquez sur le nom du projet en haut à gauche et choisissez Site settings. Allez ensuite dans l'onglet Custom code.
Coller le tracker dans Head Code
Dans le champ Head code, collez :
<script defer src="https://api.zenovay.com/z.js" data-tracking-code="YOUR_TRACKING_CODE" ></script>Remplacez
YOUR_TRACKING_CODEpar la valeur de l'étape 1.Enregistrer les modifications
Cliquez sur Save changes en haut du panneau.
Publier le site
Cliquez sur Publish en haut à droite et choisissez votre domaine en production. Le tracker ne se déclenche que sur le site publié, pas sur le staging
webflow.io— mais les visites de staging ne polluent pas non plus vos données.
Vérification du fonctionnement
- Ouvrez votre site Webflow en production dans une fenêtre de navigation privée.
- Attendez 30 secondes.
- Ouvrez le tableau de bord de votre site et sélectionnez l'onglet Live View — votre visite devrait apparaître avec la bonne localisation.
Si ce n'est pas le cas, voir Vérifier votre installation.
Suivre les conversions et soumissions de formulaires
Les événements natifs de soumission de formulaire et de clic de Webflow n'appellent pas Zenovay automatiquement. Pour suivre un événement personnalisé (par exemple une soumission de formulaire « démo demandée »), ajoutez un bloc embed sur la page avec :
<script>
document.querySelector('#your-form-id').addEventListener('submit', function() {
window.zenovay('track', 'demo_requested', { form: 'hero_cta' });
});
</script>
Remplacez #your-form-id par le sélecteur du formulaire et demo_requested par votre nom d'événement.
Conseils CSP / Performance
- Webflow autorise le tracker par défaut — aucun changement de CSP nécessaire sauf si vous avez ajouté un header
Content-Security-Policypersonnalisé via une intégration domaine personnalisé Webflow. - Le tracker est chargé avec
defer, il ne bloque donc pas votre rendu initial. - Le tracker est un petit script unique qui se charge de manière asynchrone, donc son impact sur vos scores Lighthouse est négligeable.