Optimiser GA4 avec Tag Manager

Google Tag Manager agit comme un chef d'orchestre. Au lieu d'ajouter manuellement des scripts (Facebook Pixel, LinkedIn Insight, GA4) dans le code de votre site, vous n'installez que le script GTM. C'est lui qui chargera les autres outils de manière asynchrone.

• Performance : Meilleure gestion du chargement des scripts.
• Flexibilité : Ajout d'événements sans toucher au code du site.
• Gouvernance : Versioning et prévisualisation avant mise en prod.

Dans votre interface Google Analytics 4 :
1. Allez dans Administration > Flux de données.
2. Créez un flux Web et copiez l'ID de mesure (format `G-XXXXXXXXXX`).
3. Ne copiez pas le code `gtag.js`, nous allons utiliser GTM.

Dans votre conteneur Google Tag Manager :
1. Créez une Nouvelle Balise.
2. Type de balise : Google Analytics : Balise Google (anciennement Configuration GA4).
3. Dans le champ "ID de balise", collez votre `G-XXXXXXXXXX`.
4. Déclencheur : Sélectionnez Initialization - All Pages (pour qu'il se charge le plus tôt possible, mais proprement).

Pour tracker un clic sur un bouton spécifique (ex: "Contact") :
1. Créez un Déclencheur type "Clic - Liens uniquement".
2. Condition : `Click URL` contient `/contact`.
3. Créez une Balise type "Google Analytics : Événement GA4".
4. ID de mesure : Votre code `G-XXXX`.
5. Nom de l'événement : `click_contact`.
6. Associez le déclencheur créé précédemment.

Pour les scripts non critiques (ex: Pixel Facebook ou scripts marketing lourds), ne les déclenchez pas sur "Page Vue". Créez un déclencheur personnalisé "Window Loaded" ou utilisez un Timer (ex: 3 secondes après chargement). Cela améliorera drastiquement votre score Lighthouse mobile.