Comment installer Overtracking sur votre site web

Ajouter votre site

1. Dans l’application, cliquez sur « Nouveau site ».
2. Saisissez le domaine sans https://, www ni chemin, par exemple mydomain.com. Le formulaire montre comment il sera enregistré.
3. Cliquez sur « Continuer » : vous obtenez le code de suivi de ce site.

Chaque site possède son propre code. Vous le retrouverez à tout moment dans Paramètres → Général.

Conseil: Collez le même code sur vos sous-domaines (par exemple shop.mydomain.com) et activez « Sous-domaines » dans Paramètres → Général pour afficher leurs pages avec leur nom.

Coller le code sur chaque page

Copiez votre code depuis le panneau (Paramètres → Général → Code de suivi, avec le bouton « Copier ») et collez-le dans le <head> de chaque page à mesurer, juste avant </head>. Il ressemble à ceci :

<script>!function(w,d,s,u){var t=d.createElement(s);t.async=1;t.src=u;var f=d.getElementsByTagName(s)[0];f.parentNode.insertBefore(t,f);}(window,document,'script','https://cdn.overtracking.com/t/tYOUR_CODE/');</script>

Il se charge de manière asynchrone, ne ralentit donc pas votre page et ne dépose aucun cookie.

Voici comment faire sur les plateformes les plus courantes :

HTML ou votre propre modèle

1. Ouvrez le modèle ou la mise en page que partagent toutes vos pages (header.php, layout.html, _document…).
2. Collez le code juste avant la balise </head>.
3. Enregistrez et publiez.

WordPress

1. Installez une extension permettant d’ajouter du code à l’en-tête, comme « WPCode » ou « Insert Headers and Footers ».
2. Collez le code dans le champ « En-tête » de l’extension.
3. Enregistrez. Si vous utilisez une extension de cache (WP Rocket, LiteSpeed…), videz le cache.

Conseil: Si vous avez une boutique WooCommerce, installez plutôt notre extension : elle ajoute le code et mesure aussi les commandes, paniers et coupons. Consultez le guide WooCommerce dans Intégrations.

Shopify

1. Allez dans Boutique en ligne → Thèmes → … → Modifier le code.
2. Ouvrez layout/theme.liquid.
3. Collez le code juste avant </head> et enregistrez.

Google Tag Manager

1. Balises → Nouvelle → Configuration de la balise → « HTML personnalisé ».
2. Collez le code.
3. Déclencheur : « Toutes les pages ».
4. Enregistrez et publiez le conteneur (la balise ne fonctionne qu’après publication).

Vérifier le fonctionnement

1. Ouvrez votre site dans un autre onglet (de préférence dans une fenêtre privée).
2. Dans Overtracking, allez dans Temps réel : votre visite apparaît en quelques secondes.
3. Lors de l’ajout du site, la deuxième étape passe aussi au vert dès la première visite.

Si rien n’apparaît après quelques minutes :

• Vérifiez dans le code source de votre page (Ctrl+U) que le script figure avec votre code à l’intérieur de <head>.
• Videz le cache de votre site, de votre extension ou de votre CDN, puis rechargez.
• Vérifiez que votre propre IP n’est pas exclue dans Paramètres → Exclusions.
• Testez dans une fenêtre privée sans extensions de navigateur.