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

1. Rendez-vous sur Google Analytics
2. Créez ou sélectionnez une propriété
3. Allez dans Admin → Flux de données → Web
4. 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 -->
{% 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 %}

Chargement dans la mise en page

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

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 :

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

Intégration du consentement aux cookies

Avec vérification du consentement

{% 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 %}

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

1. Activez l’anonymisation de l’IP
2. Mettez en place le consentement aux cookies
3. Proposez une option de désabonnement
4. 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

1. Installez l’extension GA Debugger
2. Activez le mode débogage
3. Consultez les événements dans GA4 DebugView

Problèmes courants

Migration depuis UA

Différences clés

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

• Analytics PostHog
• Google Tag Manager
• Consentement aux cookies
• Politique de confidentialité

Voir aussi

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