Google Analytics¶

Intégrez Google Analytics 4 (GA4) pour une analyse complète du trafic de votre site web.

Démarrage rapide¶

1. Obtenir l'ID de mesure¶

Rendez-vous sur Google Analytics
Créez ou sélectionnez une propriété
Allez dans Admin → Flux de données → Web
Copiez votre ID de mesure (G-XXXXXXXXXX)

2. Configurer Jekyll¶

# _config.yml
google_analytics:
  tracking_id: 'G-XXXXXXXXXX'

3. Vérifier la configuration¶

Visitez votre site en production et consultez les rapports en temps réel dans GA4.

Implémentation¶

Inclure le template¶

<!-- _includes/analytics/google-analytics.html -->
{% raw %}{% if jekyll.environment == 'production' and site.google_analytics.tracking_id %}
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.tracking_id }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', '{{ site.google_analytics.tracking_id }}');
</script>
{% endif %}{% endraw %}

Chargement dans la mise en page¶

<!-- In _includes/core/head.html -->
{% raw %}{% include analytics/google-analytics.html %}{% endraw %}

Options de configuration¶

Configuration de base¶

google_analytics:
  tracking_id: 'G-XXXXXXXXXX'

Configuration avancée¶

google_analytics:
  tracking_id: 'G-XXXXXXXXXX'
  anonymize_ip: true
  cookie_expires: 63072000  # 2 years in seconds
  require_consent: true

Avec anonymisation de l'IP¶

gtag('config', 'G-XXXXXXXXXX', {
  'anonymize_ip': true
});

Désactiver en développement¶

Analytics ne se charge qu'en environnement de production :

# _config_dev.yml
google_analytics:
  tracking_id: null

Ou utilisez une vérification d'environnement :

{% raw %}{% if jekyll.environment == 'production' %}
  <!-- GA code -->
{% endif %}{% endraw %}

Intégration du consentement aux cookies¶

Avec vérification du consentement¶

{% raw %}{% if site.google_analytics.require_consent %}
// Only load if consent given
if (CookieConsent.hasConsent('analytics')) {
  gtag('config', '{{ site.google_analytics.tracking_id }}');
}
{% else %}
gtag('config', '{{ site.google_analytics.tracking_id }}');
{% endif %}{% endraw %}

Mode consentement v2¶

// Default to denied
gtag('consent', 'default', {
  'analytics_storage': 'denied'
});

// Update on consent
function grantConsent() {
  gtag('consent', 'update', {
    'analytics_storage': 'granted'
  });
}

Événements personnalisés¶

Suivre les événements¶

// Button click
gtag('event', 'click', {
  'event_category': 'engagement',
  'event_label': 'signup_button'
});

// Form submission
gtag('event', 'form_submission', {
  'event_category': 'conversion',
  'event_label': 'contact_form'
});

// File download
gtag('event', 'file_download', {
  'file_name': 'brochure.pdf'
});

Mesure améliorée¶

Activez dans le tableau de bord GA4 :

Pages vues
Défilements
Clics sortants
Recherche sur le site
Engagement vidéo
Téléchargements de fichiers

Considérations relatives à la confidentialité¶

Conformité au RGPD¶

Activez l'anonymisation de l'IP
Mettez en place le consentement aux cookies
Proposez une option de désabonnement
Mettez à jour votre politique de confidentialité

Conservation des données¶

Configurez dans GA4 :

Admin → Paramètres des données → Conservation des données
Réglez sur le minimum requis (2 mois par défaut)

Désabonnement¶

// Add opt-out function
function gaOptout() {
  document.cookie = 'ga-disable-G-XXXXXXXXXX=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
  window['ga-disable-G-XXXXXXXXXX'] = true;
}

<a href="#" onclick="gaOptout(); return false;">Opt out of Google Analytics</a>

Débogage¶

Mode débogage¶

gtag('config', 'G-XXXXXXXXXX', { 'debug_mode': true });

GA4 DebugView¶

Installez l'extension GA Debugger
Activez le mode débogage
Consultez les événements dans GA4 DebugView

Problèmes courants¶

Problème	Solution
Aucun suivi	Vérifiez que l'environnement est en production
Double comptage	Supprimez les scripts en double
Événements manquants	Vérifiez les noms et paramètres des événements

Migration depuis UA¶

Différences clés¶

Universal Analytics	GA4
Basé sur les sessions	Basé sur les événements
Vues (pages vues)	Événements (page_view)
Objectifs	Conversions
UA-XXXXXXX-X	G-XXXXXXXXXX

Double suivi¶

Pendant la migration, effectuez le suivi vers les deux :

// GA4
gtag('config', 'G-XXXXXXXXXX');

// UA (deprecated July 2024)
gtag('config', 'UA-XXXXXXX-X');

Ressources associées¶

Voir aussi¶

[[Analytics]]
[[PostHog Analytics]]
[[Google Tag Manager]]
[[Cookie Consent Management]]