Principes fondamentaux du design web : Hiérarchie visuelle et typographie
Introduction Le design web efficace repose sur deux piliers fondamentaux : la hiérarchie visuelle et…
Niveau: Débutant
Temps de lecture: 20 minutes
Mis à jour: Décembre 2025
Google Analytics 4 (GA4) est la dernière génération d’Analytics, obligatoire depuis juillet 2023 (fin d’Universal Analytics). Ce guide vous accompagne dans l’installation complète et l’exploitation des métriques essentielles pour votre site WordPress.
| Caractéristique | Universal Analytics (UA) | Google Analytics 4 (GA4) |
|---|---|---|
| Modèle de données | Sessions + Pages vues | Événements uniquement |
| Confidentialité | Cookies tiers | Cookieless + Consent Mode |
| Intelligence | Rapports statiques | ML + prédictions |
| Tracking | Web uniquement | Web + App unifié |
| Durée conservation | 50 mois | 14 mois (gratuit) |
| BigQuery | Payant (360) | Gratuit |
| Statut | Arrêté (juillet 2023) | Actif et en évolution |
1. Tout est événement
Universal Analytics :
Page vue → Session → Utilisateur
GA4 :
Événement (pageview) → Stream de données → Utilisateur
2. Paramètres d’événements
Exemple : Clic sur bouton
// UA (ancien)
ga('send', 'event', 'Button', 'Click', 'CTA Newsletter');
// GA4 (nouveau)
gtag('event', 'ctaclick', {
'buttonname': 'Newsletter',
'location': 'Sidebar',
'usertype': 'Visitor'
});
3. Mesures automatiques
GA4 track automatiquement :
pageview : Affichage pagescroll : Défilement 90%click : Clics sur liens externesfiledownload : Téléchargementsvideostart / videoprogress : Vidéos YouTubesessionstart : Début sessionAvantages :
Installation pas à pas
Étape 1 : Installer le plugin
Extensions > Ajouter
Rechercher "Site Kit by Google"
Installer et Activer
Cliquer "Commencer la configuration"
Étape 2 : Connexion compte Google
Se connecter avec compte Google
Autoriser Site Kit à accéder aux services
Vérifier la propriété du site (automatique)
Étape 3 : Configurer Analytics
Créer nouveau compte Analytics (ou connecter existant)
Nom du compte : [Votre entreprise]
Nom de la propriété : [Votre site]
Fuseau horaire : Europe/Paris
Devise : EUR - Euro (€)
Activer "Mesures avancées" : OUI
Étape 4 : Configuration flux de données
Type : Web
URL du site : https://votresite.com
Nom du flux : "Site principal"
Activer toutes les mesures améliorées :
☑ Pages vues
☑ Défilements
☑ Clics sortants
☑ Recherche sur le site
☑ Engagement vidéo
☑ Téléchargement de fichiers
Étape 5 : Vérification
Ouvrir votre site dans nouvel onglet
Dans Site Kit : Vérifier "Collecte de données active"
Ou GA4 > Temps réel > Voir activité en direct
Avantages :
Installation GTM
Étape 1 : Créer compte Tag Manager
tagmanager.google.com
Créer un compte
Conteneur : votresite.com (Web)
Copier 2 codes (HEAD + BODY)
Étape 2 : Ajouter codes WordPress
Plugin recommandé : "Google Tag Manager for WordPress"
Installer et activer
Réglages GTM > Google Tag Manager ID
Entrer : GTM-XXXXXXX
Sauvegarder
Étape 3 : Configurer balise GA4 dans GTM
GTM > Balises > Nouvelle
Nom : "GA4 - Configuration"
Type : "Google Analytics : Événement GA4"
ID mesure : G-XXXXXXXXXX (depuis GA4)
Déclencheur : "All Pages"
Enregistrer et Publier
Étape 4 : Vérifier
GTM > Prévisualiser
Ouvrir site dans nouvel onglet
Vérifier déclenchement balise
Seulement si impossible d’utiliser plugin
ga4tracking() {
?>
flags': 'SameSite=None;Secure',
'anonymizeip': true
});
action('wphead', 'ajouterga4tracking', 1);
?>
Attention : Mettre à jour thème = code perdu (utiliser thème enfant)
Test 1 : Temps réel
1. GA4 > Rapports > Temps réel
Ouvrir votre site dans onglet privé
Naviguer sur 2-3 pages
Vérifier apparition dans "Utilisateurs par page consultée"
Test 2 : Chrome DevTools
1. F12 sur votre site
Onglet Network
Filtrer : "collect"
Rafraîchir page
Vérifier requêtes vers google-analytics.com/g/collect
Test 3 : Extension Google Analytics Debugger
1. Installer extension Chrome : "Google Analytics Debugger"
Activer extension
Ouvrir Console (F12)
Rafraîchir page
Vérifier logs GA4 détaillés
1. Propriétés de la propriété
GA4 > Administration > Propriété
Informations sur la propriété :
Nom : [Votre site] - Production
Fuseau horaire : Europe/Paris
Devise : EUR - Euro (€)
Secteur d'activité : [Votre secteur]
Taille de l'entreprise : [Votre taille]
2. Flux de données
Administration > Flux de données > [Votre flux Web]
Mesure améliorée (TOUT activer) :
☑ Pages vues (pageview)
☑ Défilements (scroll)
☑ Clics sortants (click)
☑ Recherche sur le site (viewsearchresults)
☑ Engagement vidéo (videostart, videoprogress, videocomplete)
☑ Téléchargement de fichiers (filedownload)
Paramètres supplémentaires :
☑ Domaines référents à exclure : votresite.com
☑ Mesure de l'ID utilisateur : Activé (si login utilisateurs)
☑ Google Signals : Activé (remarketing + rapports démographiques)
3. Conservation des données
Administration > Paramètres des données > Conservation des données
Durée de conservation :
Événements : 14 mois (gratuit) ou 2 mois
Données utilisateur : 14 mois
☑ Réinitialiser à chaque nouvelle activité : OUI
4. Filtres de données (exclure trafic interne)
Administration > Flux de données > Paramètres de balisage avancés
Créer filtre "Trafic interne" :
Nom : Exclure trafic bureau
Type : Adresse IP
Opération : "L'adresse IP est égale à"
Valeur : [Votre IP] (trouver sur whatismyip.com)
Créer filtre
Puis :
Paramètres des données > Filtres de données
Créer filtre
Nom : Exclure IP internes
Opération de filtre : Exclure
Nom du paramètre : traffictype
Valeur : internal
Enregistrer
Événements utiles pour sites WordPress
// 1. Clic sur bouton CTA
document.querySelectorAll('.cta-button').forEach(button => {
button.addEventListener('click', function() {
gtag('event', 'ctaclick', {
'buttontext': this.innerText,
'buttonlocation': this.getAttribute('data-location'),
'pagetitle': document.title
});
});
});
// 2. Soumission formulaire
document.querySelector('#contact-form').addEventListener('submit', function() {
gtag('event', 'formsubmit', {
'formname': 'Contact',
'formlocation': window.location.pathname
});
});
// 3. Temps de lecture (5 minutes)
setTimeout(function() {
gtag('event', 'engagedreader', {
'timespent': '5minutes',
'articletitle': document.title
});
}, 300000); // 5 min = 300000 ms
// 4. Ajout au panier (WooCommerce)
jQuery(document).on('addedtocart', function(event, fragments, hash, button) {
gtag('event', 'addtocart', {
'currency': 'EUR',
'value': parseFloat(button.data('price')),
'items': [{
'itemname': button.data('productname'),
'itemid': button.data('productid'),
'price': parseFloat(button.data('price')),
'quantity': 1
}]
});
});
Plugin recommandé : MonsterInsights (tracking événements sans code)
Définir événements de conversion
GA4 > Configuration > Événements
Marquer comme conversion :
☑ purchase (achat e-commerce)
☑ generatelead (formulaire contact)
☑ signup (inscription newsletter)
☑ filedownload (téléchargement lead magnet)
☑ [Vos événements personnalisés]
Créer nouvelle conversion personnalisée :
Événements > Créer un événement
Nom : "contact formsubmit"
Conditions de correspondance :
- Paramètre : eventname
- Opérateur : est égal à
- Valeur : formsubmit
- ET
- Paramètre : formname
- Opérateur : est égal à
- Valeur : Contact
Marquer comme conversion : OUI
1. Utilisateurs (Users)
Définition : Nombre de visiteurs uniques sur période
Où trouver : Rapports > Acquisition > Vue d’ensemble
Objectifs :
Actions si baisse :
2. Nouveaux utilisateurs vs Utilisateurs connus
Définition :
Où trouver : Rapports > Utilisateur > Données démographiques
Ratio idéal :
Actions :
3. Utilisateurs actifs (Active Users)
Définition : Utilisateurs ayant interagi sur période (1/7/28 jours)
Où trouver : Rapports > Temps réel / Rétention
KPI :
Calcul engagement :
DAU/MAU ratio = Stickiness
Ex: 5000 DAU / 20000 MAU = 25% (utilisateurs reviennent 1 jour sur 4)
4. Taux d’engagement (Engagement Rate)
Définition : % sessions avec interaction significative (>10s, conversion, ou 2+ pages)
Où trouver : Rapports > Engagement > Pages et écrans
Formule :
Taux d'engagement = Sessions engagées / Total sessions
Objectifs :
Amélioration :
5. Durée d’engagement moyenne
Définition : Temps moyen session avec onglet actif
Où trouver : Rapports > Engagement > Vue d’ensemble
Différence avec « Temps moyen session » (UA) :
Objectifs :
6. Pages vues par session
Définition : Nombre moyen de pages consultées par visite
Où trouver : Rapports > Engagement > Pages et écrans
Objectifs :
Amélioration :
7. Événements par session
Définition : Nombre moyen d’interactions (clics, scrolls, etc.)
Où trouver : Rapports > Engagement > Événements
Événements clés à suivre :
scroll : > 50% utilisateurs scrollent 90%click : Clics liens externesfiledownload : Téléchargementsctaclick : Clics boutons action8. Source / Support (Source / Medium)
Définition : Provenance du trafic
Où trouver : Rapports > Acquisition > Acquisition de trafic
Canaux principaux :
| Source | Support | Type |
|---|---|---|
| organic | SEO | |
| cpc | Google Ads | |
| social | Réseaux sociaux | |
| newsletter | Email marketing | |
| (direct) | (none) | Trafic direct |
| site-partenaire.com | referral | Backlink |
Répartition idéale (blog) :
9. Pages de destination (Landing Pages)
Définition : 1ère page vue lors d’une session
Où trouver : Rapports > Engagement > Pages de destination
Métriques par page :
Analyse :
Top 10 pages de destination :
Page accueil : 30% sessions → Normal
Article blog populaire : 15% → Excellent SEO
Page produit : 10% → Bon référencement
...
Actions :
Pages fort trafic + faible engagement → Améliorer contenu
Pages fort trafic + faible conversion → Optimiser CTA
10. Taux de conversion par canal
Définition : % utilisateurs réalisant action cible par source trafic
Où trouver : Rapports > Acquisition > Acquisition de trafic (ajouter dimension « Conversion »)
Exemple :
| Canal | Sessions | Conversions | Taux conversion |
|---|---|---|---|
| Organic | 10,000 | 200 | 2.0% |
| 1,000 | 50 | 5.0% ⭐ | |
| Social | 5,000 | 75 | 1.5% |
| Direct | 3,000 | 90 | 3.0% |
Insight : Email a taux conversion 2.5x supérieur → Investir dans email marketing
11. Taux de conversion global
Définition : % sessions aboutissant à conversion (tout type)
Où trouver : Rapports > Engagement > Conversions
Calcul :
Taux de conversion = (Conversions / Sessions) × 100
Benchmarks par secteur :
| Secteur | Taux moyen |
|---|---|
| E-commerce | 2-3% |
| SaaS B2B | 5-7% |
| Lead generation | 10-15% |
| Contenu/Blog | 1-2% (newsletter) |
12. Valeur conversion (Conversion Value)
Définition : Revenu généré par conversions
Configuration :
// E-commerce : tracking achat
gtag('event', 'purchase', {
'transactionid': 'T12345',
'value': 79.99,
'currency': 'EUR',
'items': [...]
});
// Lead generation : valeur estimée
gtag('event', 'generatelead', {
'value': 50, // Valeur estimée lead
'currency': 'EUR'
});
Où trouver : Rapports > Monétisation > Vue d’ensemble
KPI :
13. Entonnoir de conversion
Définition : Étapes utilisateur jusqu’à conversion
Configuration :
Exploration > Entonnoir
Exemple e-commerce :
Étape 1 : Page produit (100%)
Étape 2 : Ajout panier (40%)
Étape 3 : Début paiement (20%)
Étape 4 : Achat complété (15%)
Taux abandon panier = 1 - (15% / 20%) = 25%
Actions :
14. Vitesse du site (Core Web Vitals)
Définition : Métriques performance utilisateur réel
Où trouver : Rapports > Engagement > Pages et écrans (ajouter métriques vitesse)
Métriques :
Integration :
GA4 collecte automatiquement si mesure améliorée activée
Action si mauvais :
15. Taux de rebond (Bounce Rate) – GA4 version
Attention : GA4 ne calcule PAS le rebond comme UA
Définition GA4 :
Taux de rebond = Sessions NON engagées / Total sessions
Session NON engagée = < 10s ET 0 conversion ET < 2 pages vues
Où trouver : Rapports > Engagement > Pages et écrans
Objectifs :
Note : Métrique moins importante dans GA4 (focus sur engagement positif)
Vue d'ensemble hebdomadaire
Bibliothèque > Créer une collection
Nom : "Dashboard hebdomadaire"
Cartes à ajouter :
Utilisateurs (7 derniers jours vs 7 jours précédents)
Taux d'engagement
Conversions (par type)
Top 5 pages de destination
Canaux d'acquisition (graphique)
Événements principaux
Utilisateurs actifs (temps réel)
Données démographiques (pays, ville)
Configuration rapide :
1. Exploration > Créer nouvelle exploration
Modèle : "Exploration libre"
Dimension :
- Source session / Support
- Page de destination
- Ville
- Catégorie appareil
Métriques :
- Utilisateurs
- Sessions
- Taux d'engagement
- Conversions
Sauvegarder : "Mon dashboard hebdomadaire"
Configuration alertes personnalisées
Bibliothèque > [Votre rapport] > Partager > Planifier un e-mail
Fréquence : Hebdomadaire (lundi 9h00)
Destinataires : votre@email.com
Format : PDF
Contenu : Rapport complet
Alertes intelligentes :
Administration > Alertes personnalisées
Créer alerte
Nom : "Chute trafic -30%"
Période : Jour
Condition : Utilisateurs diminue de > 30%
Email : votre@email.com
Objectif : Trouver top 10 articles pour stratégie contenu
Rapport :
Exploration > Exploration libre
Dimensions :
Titre de la page
Page de destination
Métriques :
Utilisateurs
Taux d'engagement
Durée d'engagement moyenne
Conversions
Filtres :
Page de destination contient "/blog/"
Utilisateurs > 100 (significatif)
Tri : Taux d'engagement (décroissant)
Actions :
Objectif : Réduire abandon panier e-commerce
Rapport entonnoir :
Exploration > Entonnoir
Étapes :
Nom : Vue produit
Événement : pageview
Filtre : pagelocation contient "/produit/"
Nom : Ajout panier
Événement : addtocart
Nom : Début paiement
Événement : begincheckout
Nom : Infos paiement
Événement : addpaymentinfo
Nom : Achat
Événement : purchase
Analyser : Taux abandon chaque étape
Exemple résultats :
Vue produit → Ajout panier : 35% (bon)
Ajout panier → Début paiement : 60% (bon)
Début paiement → Infos paiement : 40% ⚠️ (problème)
Infos paiement → Achat : 90% (excellent)
Action : Problème entre "Début paiement" et "Infos paiement"
Objectif : ROI campagne Google Ads vs Facebook Ads
Rapport :
Rapports > Acquisition > Acquisition de trafic
Dimension principale : Source / Support
Filtres :
Source contient "google" OU "facebook"
Support = "cpc"
Métriques personnalisées :
Utilisateurs
Sessions
Conversions
Valeur conversion
Coût (si lié Google Ads)
Calculer :
CPA (Coût par acquisition) = Coût / Conversions
ROAS (Return on Ad Spend) = Valeur / Coût
Exemple :
| Campagne | Sessions | Conversions | Valeur | Coût | CPA | ROAS |
|---|---|---|---|---|---|---|
| Google Ads | 5,000 | 100 | 5,000€ | 1,000€ | 10€ | 5.0x ⭐ |
| Facebook Ads | 8,000 | 80 | 3,200€ | 1,200€ | 15€ | 2.7x |
Décision : Budget Google Ads > Facebook (meilleur ROAS)
Objectif : Identifier pages avec mauvaise expérience utilisateur
Rapport :
Rapports > Engagement > Pages et écrans
Métriques :
Pages vues
Taux de rebond
Durée d'engagement moyenne
Segment : Taux de rebond > 70%
Tri : Pages vues (décroissant)
Analyse :
Exemple :
Page "Guide complet SEO" :
5,000 pages vues
Taux rebond : 85% ⚠️
Durée engagement : 12 secondes ⚠️
Diagnostic :
Vérifier vitesse (PageSpeed Insights)
Tester mobile (Google Mobile-Friendly)
Analyser contenu (correspond intention recherche ?)
Vérifier erreurs console (F12)
Actions correctives :
☐ Compte GA4 créé
☐ Propriété configurée (fuseau, devise)
☐ Flux de données Web ajouté
☐ Mesure améliorée activée (toutes options)
☐ Google Signals activé
☐ Filtre trafic interne configuré
☐ Durée conservation : 14 mois + réinitialisation
☐ Exclusion domaines référents (auto-référence)
☐ Code GA4 installé (Site Kit / GTM / Manuel)
☐ Vérification temps réel OK
☐ Événements automatiques fonctionnels :
☐ pageview
☐ scroll
☐ click (liens externes)
☐ filedownload
☐ videostart
☐ Conversions définies :
☐ Formulaire contact
☐ Inscription newsletter
☐ Téléchargement ressource
☐ Achat (e-commerce)
☐ Événements personnalisés créés (si besoin)
☐ Google Search Console lié
☐ Google Ads lié (si campagnes)
☐ BigQuery lié (si analyse avancée)
☐ Objectifs importés (si migration UA)
☐ Audiences créées (remarketing)
☐ Dashboard personnalisé créé
☐ Rapports automatiques planifiés (hebdo)
☐ Alertes personnalisées configurées
☐ Explorations favorites sauvegardées
☐ Accès équipe configurés (si multi-utilisateurs)
Qu'est-ce que c'est ?
Consent Mode permet à GA4 de fonctionner en mode dégradé sans cookies si utilisateur refuse consentement.
Configuration avec CookieBot (recommandé)
1. Créer compte CookieBot (gratuit < 100 pages)
Scanner site → Détection cookies
Installer plugin WordPress "CookieBot"
Réglages :
- Région : Union Européenne
- Type : Opt-in (consentement préalable)
- Catégories :
Nécessaires : Toujours actifs
Préférences : Opt-in
Statistiques : Opt-in (GA4 ici)
Marketing : Opt-in
Intégration GA4 :
Consent Mode automatique si Site Kit ou GTM
Code Consent Mode manuel
gtag('config', 'G-XXXXXXXXXX', {
'anonymizeip': true
});
Mentions obligatoires :
Notre site utilise Google Analytics 4 pour analyser l'audience.
Données collectées :
Pages consultées
Durée de visite
Provenance géographique (ville)
Type d'appareil
Cookies utilisés :
ga : 2 ans (identifiant unique)
ga_XXXXXXXXXX : 2 ans (état session)
Vos droits :
Refuser cookies analytics (bannière consentement)
Demander suppression données : privacy@votresite.com
Opt-out Google Analytics : https://tools.google.com/dlpage/gaoptout
Base légale : Consentement (Article 6.1.a RGPD)
Google Analytics 4 est un outil puissant mais nécessite configuration soignée pour exploiter pleinement son potentiel. En suivant ce guide, vous disposez d'une installation optimale et de rapports actionnables.
Semaine 1 : Installation et vérification
Semaine 2-4 : Collecte données (minimum 2 semaines)
Mois 2 : Analyse premiers rapports, optimisations
Mois 3+ : Explorations avancées, segments, prédictions
Mis à jour : Décembre 2025
Prochaine révision : Mars 2026 (nouvelles fonctionnalités GA4)
Cet article est vivant — corrections, contre-arguments et retours de production sont les bienvenus. Trois canaux, choisissez celui qui vous convient.