Comment ajouter Google Analytics à WordPress

Ajouter Google Analytics à WordPress : configuration complète GA4

Google Analytics 4 (GA4) est devenu la seule version de Google Analytics depuis juillet 2023. Si votre site WordPress n’a pas encore GA4, vous perdez des données de trafic chaque jour. Ce guide couvre l’installation, la configuration avancée et l’interprétation des rapports pour un site basé au Sénégal.

1. Créer un compte Google Analytics 4

1. Allez sur analytics.google.com et connectez-vous avec votre compte Google
2. Cliquez Admin (engrenage en bas à gauche) → Créer un compte
3. Nom du compte : votre entreprise (ex: « ITSkillsCenter »)
4. Créez une propriété :
   • Nom : votre site (ex: « itskillscenter.io »)
   • Fuseau horaire : (GMT+0) Dakar
   • Devise : Franc CFA (XOF) — important pour le suivi e-commerce
5. Configurez le flux de données :
   • Choisissez « Web »
   • URL : https://votresite.com
   • Nom du flux : « Site principal »
6. Notez votre ID de mesure : il ressemble à G-XXXXXXXXXX

2. Installer GA4 sur WordPress

Méthode 1 : Google Site Kit (recommandé pour débutants)

1. Installez le plugin Site Kit by Google depuis Extensions → Ajouter
2. Activez et suivez l’assistant de connexion à votre compte Google
3. Site Kit installe automatiquement le code GA4 et affiche les statistiques dans le tableau de bord WordPress

Avantage : vous voyez les stats directement dans WordPress sans ouvrir un autre onglet.

Méthode 2 : Code manuel (meilleure performance)

Si vous voulez éviter un plugin supplémentaire, ajoutez le code directement. Dans functions.php :

// Ajouter Google Analytics GA4 - chargement conditionnel
add_action('wp_head', function() {
    // Ne pas tracker les administrateurs
    if (current_user_can('manage_options')) return;
    
    // Ne pas charger en mode preview
    if (is_preview()) return;
    
    // Vérifier le consentement cookies (RGPD)
    // Adaptez selon votre solution de consentement
    ?>
    <!-- Google Analytics GA4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-XXXXXXXXXX', {
        'anonymize_ip': true,
        'cookie_flags': 'SameSite=None;Secure',
        'send_page_view': true
      });
    </script>
    <?php
}, 1); // Priorité 1 = chargé tôt dans le head

Remplacez G-XXXXXXXXXX par votre ID de mesure réel.

Méthode 3 : Google Tag Manager (recommandé pour les pros)

GTM vous permet de gérer tous vos tags (Analytics, Facebook Pixel, LinkedIn, etc.) sans toucher au code :

1. Créez un conteneur sur tagmanager.google.com
2. Ajoutez dans functions.php :

// Google Tag Manager - Head
add_action('wp_head', function() {
    if (current_user_can('manage_options')) return;
    echo "<!-- 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-XXXXXXX');</script>
    <!-- End Google Tag Manager -->";
}, 1);

// Google Tag Manager - Body (juste après )
add_action('wp_body_open', function() {
    if (current_user_can('manage_options')) return;
    echo '<!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->';
});

3. Dans GTM, créez un tag GA4 avec votre ID de mesure et un déclencheur « All Pages »

3. Vérifier que GA4 fonctionne

Test en temps réel

1. Ouvrez votre site dans un navigateur (en navigation privée si vous êtes admin)
2. Dans GA4, allez dans Rapports → Temps réel
3. Vous devriez voir 1 utilisateur actif dans les 30 secondes

Debug avec l’extension Chrome

Installez l’extension Google Analytics Debugger ou Tag Assistant :

1. Activez l’extension
2. Ouvrez la console développeur (F12 → Console)
3. Rechargez votre page : vous verrez les événements GA4 envoyés en détail

Vérification dans le code source

Faites Ctrl+U sur votre page et recherchez gtag ou googletagmanager. Vous devez trouver le script avec votre ID de mesure.

4. Configurer les événements importants

GA4 fonctionne par événements. Configurez ces événements clés :

Événements automatiques (activés par défaut)

• page_view — chaque page vue
• scroll — quand l’utilisateur scrolle à 90%
• click — clics sur les liens sortants
• file_download — téléchargements de fichiers
• video_start/progress/complete — si vous avez des vidéos YouTube intégrées

Activez la mesure améliorée dans Admin → Flux de données → votre flux → Mesure améliorée.

Événements personnalisés

// Tracker les clics WhatsApp
document.querySelectorAll('a[href*="wa.me"]').forEach(function(btn) {
    btn.addEventListener('click', function() {
        gtag('event', 'contact_whatsapp', {
            'event_category': 'Contact',
            'event_label': this.href,
            'page_title': document.title
        });
    });
});

// Tracker les soumissions de formulaire Contact Form 7
document.addEventListener('wpcf7mailsent', function(event) {
    gtag('event', 'form_submit', {
        'event_category': 'Formulaire',
        'event_label': 'Contact Form - ' + event.detail.contactFormId,
        'value': 1
    });
});

// Tracker les clics sur les numéros de téléphone
document.querySelectorAll('a[href^="tel:"]').forEach(function(link) {
    link.addEventListener('click', function() {
        gtag('event', 'phone_call', {
            'event_category': 'Contact',
            'event_label': this.href.replace('tel:', '')
        });
    });
});

// Tracker le scroll par sections (25%, 50%, 75%, 100%)
var scrollMarks = [25, 50, 75, 100];
var scrollFired = {};
window.addEventListener('scroll', function() {
    var scrollPercent = Math.round(
        (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100
    );
    scrollMarks.forEach(function(mark) {
        if (scrollPercent >= mark && !scrollFired[mark]) {
            scrollFired[mark] = true;
            gtag('event', 'scroll_depth', {
                'event_category': 'Engagement',
                'event_label': mark + '%'
            });
        }
    });
});

5. Configurer les conversions

Dans GA4, allez dans Admin → Événements et marquez comme conversions :

• form_submit — soumissions de formulaire
• contact_whatsapp — clics WhatsApp
• phone_call — appels téléphoniques
• purchase — achats WooCommerce (si applicable)

E-commerce WooCommerce

Pour tracker les ventes WooCommerce en FCFA, utilisez le plugin GTM4WP (gratuit) :

1. Installez GTM4WP (Extensions → Ajouter)
2. Allez dans Réglages → GTM4WP → Intégration
3. Activez le suivi WooCommerce
4. Les événements e-commerce GA4 (view_item, add_to_cart, purchase) sont envoyés automatiquement avec les montants en XOF

6. Rapports essentiels pour un site sénégalais

Rapport 1 : D’où viennent vos visiteurs ?

Rapports → Acquisition → Vue d’ensemble

Surveillez ces canaux :

• Organic Search : trafic Google — votre SEO fonctionne-t-il ?
• Direct : visiteurs qui tapent votre URL — notoriété de marque
• Social : Facebook, Instagram, WhatsApp — vos réseaux sociaux convertissent-ils ?
• Referral : liens depuis d’autres sites — qui parle de vous ?

Rapport 2 : Quel contenu fonctionne ?

Rapports → Engagement → Pages et écrans

Triez par « Durée d’engagement moyenne » pour voir quels articles retiennent vraiment l’attention. Un article avec beaucoup de vues mais peu de temps d’engagement signale un contenu décevant.

Rapport 3 : Mobile vs Desktop

Rapports → Technologie → Vue d’ensemble

Au Sénégal, attendez-vous à 75-85% de trafic mobile. Si votre taux de rebond mobile est supérieur à 70%, votre site n’est pas assez rapide ou pas bien optimisé pour mobile.

Rapport 4 : Villes et régions

Rapports → Données démographiques → Détails démographiques → filtrez par Ville

Utile pour adapter votre contenu : si 60% de votre audience est à Dakar, créez du contenu ciblé Dakar. Si vous avez du trafic depuis Abidjan, Bamako ou Conakry, pensez à du contenu pour la sous-région.

7. Tableau de bord personnalisé

Créez un rapport personnalisé dans GA4 (Explorer) avec ces métriques :

8. Erreurs fréquentes à éviter

• Double tracking : si vous utilisez Site Kit ET un code manuel, vous comptez les pages vues deux fois. Vérifiez dans le code source qu’il n’y a qu’un seul script GA4
• Tracker les admins : sans la condition current_user_can('manage_options'), vous faussez vos stats en vous trackant vous-même
• Oublier le consentement RGPD : si votre site cible l’Europe, chargez GA4 uniquement après consentement (voir notre article sur le RGPD)
• Ne pas filtrer le spam : dans Admin → Flux de données → Paramètres de tag, activez « Exclure le trafic interne » et définissez votre IP
• Ignorer la Search Console : connectez GA4 à Google Search Console (Admin → Liens produits → Search Console) pour voir les mots-clés qui amènent du trafic

Google Analytics GA4 est gratuit et indispensable pour comprendre votre audience. Installez-le aujourd’hui et attendez 2-4 semaines avant de tirer des conclusions : GA4 a besoin de données pour produire des rapports fiables.