Connexion
← Retour au lexique
📊 Analytics

Code de suivi (Tracking Code)

Un code de suivi est un script JavaScript intégré aux pages pour mesurer le trafic et le comportement des utilisateurs. Essentiel pour l'analytics.

Définition

Un code de suivi (tracking code) est un extrait de code JavaScript intégré dans les pages d’un site web pour collecter des données sur les visiteurs : pages vues, comportement, sources de trafic, conversions, etc. C’est le fondement de l’analytics web.

Sans code de suivi, impossible de mesurer la performance de votre SEO.

Types de codes de suivi

Analytics

  • Google Analytics (GA4)
  • Matomo (ex-Piwik)
  • Adobe Analytics
  • Plausible, Fathom

Advertising

  • Google Ads (conversion tracking)
  • Facebook Pixel
  • LinkedIn Insight Tag
  • TikTok Pixel

Tag managers

  • Google Tag Manager (GTM)
  • Matomo Tag Manager
  • Tealium

Autres

  • Hotjar, Clarity (heatmaps)
  • Chat widgets
  • A/B testing tools

Google Analytics 4

Code de base

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

Placement

Dans le <head> de chaque page, le plus haut possible.

Google Tag Manager

Avantages

  • Gère tous les tags depuis une interface
  • Pas besoin de modifier le code source
  • Contrôle des déclencheurs
  • Versioning et preview

Code container

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');</script>
<!-- End Google Tag Manager -->

Impact sur les performances

Problèmes potentiels

  • Scripts bloquants le rendu
  • Temps de chargement augmenté
  • Core Web Vitals impactés

Solutions

  • Chargement asynchrone
  • Différer les scripts non critiques
  • Limiter le nombre de tags
  • Server-side tracking

Données collectées

Automatiquement

  • Pages vues
  • Sessions
  • Source/medium
  • Appareil et navigateur
  • Géolocalisation

Avec configuration

  • Événements personnalisés
  • Conversions
  • E-commerce
  • Scroll depth

Codes de suivi et SEO

Mesurer le trafic SEO

Filtrez par source “google / organic” pour voir le trafic SEO.

Landing pages

Identifiez les pages d’entrée du trafic organique.

Comportement

Analysez engagement, taux de rebond, parcours des visiteurs SEO.

Conversions

Attribuez les conversions au canal SEO.

Conformité RGPD

Consentement

Le tracking nécessite généralement le consentement en Europe.

Bannière cookies

Implémentez une bannière de consentement.

Modes de consentement

gtag('consent', 'default', {
  'analytics_storage': 'denied',
  'ad_storage': 'denied'
});

Alternatives privacy-first

Matomo, Plausible, Fathom n’ont pas toujours besoin de consentement (selon configuration).

Vérification

Real-time

Vérifiez dans Google Analytics que les visites apparaissent.

Google Tag Assistant

Extension Chrome pour debugger les tags.

Console navigateur

Vérifiez l’absence d’erreurs JavaScript.

Erreurs courantes

Code manquant

Oubli du code sur certaines pages (vérifiez les templates).

Code dupliqué

Le même code présent deux fois = données doublées.

Mauvais ID

ID de propriété incorrect = données vers le mauvais compte.

Filtres incorrects

Filtres mal configurés excluant du trafic légitime.

Conclusion

Le code de suivi est indispensable pour mesurer l’efficacité de votre SEO. Implémentez-le correctement sur toutes vos pages, utilisez un tag manager pour la flexibilité, et respectez la conformité RGPD. Des données fiables sont la base de toute optimisation SEO data-driven.

← Retour au lexique