Google Analytics Integration - AMCP Website

Configuration de Google Analytics (gtag.js) pour le suivi des visiteurs sur le site AMCP.

✅ Configuration Complétée

Measurement ID

G-0ZKTY3GTYQ

Fichiers Modifiés

  • ✅ _config.yml - Ajout du Measurement ID
  • ✅ _layouts/default.html - Tag gtag.js déjà présent

📊 Comment Fonctionne le Suivi

1. Configuration dans _config.yml

google_analytics: "G-0ZKTY3GTYQ"

2. Tag gtag.js dans _layouts/default.html

<!-- Analytics -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0ZKTY3GTYQ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-0ZKTY3GTYQ');
</script>

3. Déploiement Automatique

  • Le tag est automatiquement injecté sur toutes les pages
  • Fonctionne uniquement en production (jekyll.environment == ‘production’)
  • GitHub Pages configure automatiquement l’environnement de production

🚀 Déploiement

Commandes de Déploiement

cd /home/kalxav/CascadeProjects/amcp-github-pages/
git add _config.yml
git commit -m "Add Google Analytics Measurement ID G-0ZKTY3GTYQ"
git push origin main

Vérification du Déploiement

Après 2-5 minutes, vérifiez que le tag est présent:

curl -s https://agentmeshcommunicationprotocol.github.io/ | grep "G-0ZKTY3GTYQ"

Vous devriez voir:

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0ZKTY3GTYQ"></script>

📈 Suivi des Données

Accès au Tableau de Bord

  1. Allez à: https://analytics.google.com/
  2. Sélectionnez votre propriété
  3. Consultez les données en temps réel

Métriques Suivies

  • ✅ Pages vues
  • ✅ Visiteurs uniques
  • ✅ Durée de session
  • ✅ Taux de rebond
  • ✅ Sources de trafic
  • ✅ Appareils utilisés
  • ✅ Localisation géographique
  • ✅ Comportement des utilisateurs

Délai d’Apparition des Données

  • Temps réel: 0-5 minutes
  • Rapports complets: 24 heures
  • Données historiques: Après 24-48 heures

🔍 Vérification du Fonctionnement

Étape 1: Vérifier le Tag dans le Code Source

# Vérifier que le tag est présent
curl -s https://agentmeshcommunicationprotocol.github.io/ | grep -i "gtag\|googletagmanager"

Étape 2: Vérifier dans Google Analytics

  1. Allez à: https://analytics.google.com/
  2. Cliquez sur Temps réel
  3. Visitez votre site: https://agentmeshcommunicationprotocol.github.io/
  4. Vous devriez apparaître comme utilisateur actif

Étape 3: Vérifier dans les Outils de Développement

  1. Ouvrez votre site
  2. Appuyez sur F12 (Outils de développement)
  3. Allez à l’onglet Network
  4. Recherchez les requêtes vers googletagmanager.com
  5. Vous devriez voir des requêtes avec G-0ZKTY3GTYQ

📋 Checklist de Configuration

Configuration

  • Measurement ID ajouté à _config.yml
  • Tag gtag.js présent dans _layouts/default.html
  • Condition de production vérifiée
  • Format correct du tag

Déploiement

  • Changements commitées
  • Changements poussées vers GitHub
  • GitHub Pages reconstruit (attendre 2-5 min)
  • Tag visible dans le code source

Vérification

  • Tag gtag.js présent sur le site
  • Utilisateurs visibles en temps réel dans GA
  • Données collectées correctement
  • Pas d’erreurs dans la console

🔐 Sécurité et Confidentialité

Données Collectées

  • Pages visitées
  • Durée de visite
  • Appareil utilisé
  • Localisation (approximative)
  • Source du trafic

Données NON Collectées

  • Informations personnelles identifiables
  • Mots de passe
  • Données sensibles
  • Contenu des formulaires

Conformité

  • ✅ RGPD compatible (avec consentement)
  • ✅ Pas de suivi des données sensibles
  • ✅ Anonymisation des données
  • ✅ Politique de confidentialité recommandée

📊 Rapports Utiles

Rapports à Consulter Régulièrement

Temps Réel

  • Utilisateurs actifs maintenant
  • Pages consultées en direct
  • Sources de trafic en temps réel

Utilisateurs

  • Nombre total de visiteurs
  • Utilisateurs nouveaux vs récurrents
  • Taux de rebond
  • Durée moyenne de session

Acquisition

  • Sources de trafic
  • Canaux (organic, direct, referral, etc.)
  • Mots-clés de recherche
  • Campagnes

Comportement

  • Pages les plus visitées
  • Entonnoirs de conversion
  • Événements personnalisés
  • Flux utilisateur

🛠️ Dépannage

Problème: Le Tag n’Apparaît Pas

Solution:

  1. Vérifiez que _config.yml a le bon format
  2. Attendez 5-10 minutes après le déploiement
  3. Videz le cache du navigateur (Ctrl+Shift+Suppr)
  4. Vérifiez que jekyll.environment est ‘production’

Problème: Pas de Données dans Google Analytics

Solution:

  1. Attendez 24 heures pour les données complètes
  2. Vérifiez que le tag est présent dans le code source
  3. Vérifiez que vous visitez le site après le déploiement
  4. Vérifiez les filtres dans GA (ils peuvent masquer les données)

Problème: Erreurs dans la Console

Solution:

  1. Vérifiez le format du Measurement ID
  2. Vérifiez qu’il n’y a pas de caractères spéciaux
  3. Vérifiez la connexion Internet
  4. Vérifiez que Google Analytics n’est pas bloqué par un adblocker

📚 Ressources

📝 Prochaines Étapes

Immédiatement

  1. Déployez les changements
  2. Attendez 2-5 minutes
  3. Vérifiez que le tag est présent

Après 24 Heures

  1. Consultez Google Analytics
  2. Vérifiez les données collectées
  3. Analysez les sources de trafic

Après 1 Semaine

  1. Analysez les tendances
  2. Identifiez les pages populaires
  3. Optimisez le contenu

Après 1 Mois

  1. Comparez les métriques
  2. Identifiez les opportunités d’amélioration
  3. Planifiez les optimisations

📞 Support

Pour toute question sur Google Analytics:

✅ Résumé

Élément Statut
Measurement ID ✅ G-0ZKTY3GTYQ
_config.yml ✅ Configuré
_layouts/default.html ✅ Tag présent
Déploiement ⏳ À faire
Vérification ⏳ À faire

Configuration complète! Déployez maintenant et vérifiez après 2-5 minutes. 🚀