Vérification de Google Analytics - Guide Complet

Guide pour vérifier que Google Analytics (gtag.js) fonctionne correctement sur votre site AMCP.

✅ Déploiement Effectué

Changements Appliqués

  • ✅ Measurement ID G-0ZKTY3GTYQ ajouté à _config.yml
  • ✅ Tag gtag.js présent dans _layouts/default.html
  • ✅ Changements déployés vers GitHub Pages
  • ✅ GitHub Pages en cours de reconstruction

🚀 Étapes de Vérification

Étape 1: Attendre la Reconstruction (2-5 minutes)

GitHub Pages reconstruit automatiquement votre site après chaque push.

Vérifier le statut:

  1. Allez à: https://github.com/agentmeshcommunicationprotocol/agentmeshcommunicationprotocol.github.io/actions
  2. Cherchez le dernier workflow “pages build and deployment”
  3. Attendez qu’il soit marqué comme ✅ Succès

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

Méthode 1: Avec curl

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>

Méthode 2: Dans le Navigateur

  1. Allez à: https://agentmeshcommunicationprotocol.github.io/
  2. Appuyez sur: Ctrl+U (ou Cmd+U sur Mac)
  3. Cherchez: “G-0ZKTY3GTYQ”
  4. Vous devriez voir le tag gtag.js

Étape 3: Vérifier dans Google Analytics

Accéder au Tableau de Bord:

  1. Allez à: https://analytics.google.com/
  2. Sélectionnez votre propriété
  3. Cliquez sur Temps réel (Real-time)

Vérifier les Utilisateurs Actifs:

  1. Vous devriez voir “1 utilisateur actif en ce moment”
  2. Visitez votre site: https://agentmeshcommunicationprotocol.github.io/
  3. Actualisez le tableau de bord Google Analytics
  4. Vous devriez apparaître comme utilisateur actif

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

Ouvrir les Outils de Développement:

  1. Allez à: https://agentmeshcommunicationprotocol.github.io/
  2. Appuyez sur: F12 (ou Cmd+Option+I sur Mac)
  3. Allez à l’onglet: Network
  4. Actualisez la page: F5

Chercher les Requêtes Google Analytics:

  1. Dans le filtre, tapez: “googletagmanager”
  2. Vous devriez voir des requêtes vers:
    • https://www.googletagmanager.com/gtag/js?id=G-0ZKTY3GTYQ
    • https://www.google-analytics.com/g/collect

Vérifier la Console:

  1. Allez à l’onglet: Console
  2. Tapez: window.dataLayer
  3. Vous devriez voir un tableau avec les données collectées

📊 Checklist de Vérification

Configuration

  • Measurement ID: G-0ZKTY3GTYQ
  • _config.yml modifié
  • _layouts/default.html contient le tag gtag.js
  • Changements déployés vers GitHub

Déploiement

  • GitHub Pages reconstruction terminée
  • Pas d’erreurs dans les Actions GitHub
  • Site accessible: https://agentmeshcommunicationprotocol.github.io/

Vérification du Tag

  • Tag gtag.js présent dans le code source
  • Measurement ID correct: G-0ZKTY3GTYQ
  • Pas d’erreurs dans la console
  • Requêtes vers googletagmanager.com visibles

Google Analytics

  • Propriété créée et active
  • Temps réel affiche les utilisateurs actifs
  • Données collectées après visite
  • Pas d’erreurs dans GA

🔍 Dépannage

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

Causes Possibles:

  1. GitHub Pages n’a pas fini la reconstruction
  2. Le cache du navigateur n’a pas été vidé
  3. Le format du Measurement ID est incorrect

Solutions:

# Vérifier le statut du déploiement
curl -I https://agentmeshcommunicationprotocol.github.io/

# Vider le cache et recharger
# Appuyez sur: Ctrl+Shift+Suppr (Windows) ou Cmd+Shift+Suppr (Mac)

# Vérifier le format du Measurement ID
grep "google_analytics" /home/kalxav/CascadeProjects/amcp-github-pages/_config.yml

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

Causes Possibles:

  1. Les données prennent 24 heures à apparaître
  2. Vous visitez le site avant le déploiement
  3. Google Analytics est bloqué par un adblocker

Solutions:

# Attendre 24 heures pour les données complètes

# Vérifier que le tag est présent
curl -s https://agentmeshcommunicationprotocol.github.io/ | grep -c "G-0ZKTY3GTYQ"
# Devrait afficher: 2 (une fois dans le script, une fois dans la config)

# Désactiver les adblockers et réessayer

Problème: Erreurs dans la Console

Causes Possibles:

  1. Problème de connexion Internet
  2. Google Analytics bloqué par un pare-feu
  3. Problème avec le Measurement ID

Solutions:

# Vérifier la connexion Internet
ping google.com

# Vérifier que le Measurement ID est correct
# Format: G-XXXXXXXXXX (10 caractères après G-)

# Vérifier qu'il n'y a pas d'espaces ou de caractères spéciaux
grep "google_analytics:" /home/kalxav/CascadeProjects/amcp-github-pages/_config.yml

📈 Données Attendues

Après 5 Minutes

  • ✅ Tag gtag.js visible dans le code source
  • ✅ Requêtes vers googletagmanager.com visibles
  • ✅ Utilisateurs actifs visibles en temps réel

Après 1 Heure

  • ✅ Premières données dans Google Analytics
  • ✅ Pages vues enregistrées
  • ✅ Durée de session enregistrée

Après 24 Heures

  • ✅ Rapports complets disponibles
  • ✅ Données historiques visibles
  • ✅ Tendances identifiables

📋 Commandes de Vérification Rapide

# Vérifier que le tag est déployé
curl -s https://agentmeshcommunicationprotocol.github.io/ | grep -i "gtag\|G-0ZKTY3GTYQ" | wc -l

# Vérifier le format du Measurement ID
grep "google_analytics:" /home/kalxav/CascadeProjects/amcp-github-pages/_config.yml

# Vérifier que _config.yml est valide
ruby -e "require 'yaml'; YAML.load_file('/home/kalxav/CascadeProjects/amcp-github-pages/_config.yml')" && echo "✅ YAML valide"

# Vérifier le statut du déploiement
git -C /home/kalxav/CascadeProjects/amcp-github-pages/ log -1 --oneline

🎯 Prochaines Étapes

Immédiatement

  1. ✅ Attendez 2-5 minutes pour la reconstruction
  2. ✅ Vérifiez que le tag est présent
  3. ✅ Visitez votre site

Après 5 Minutes

  1. ✅ Vérifiez les utilisateurs actifs dans GA
  2. ✅ Vérifiez les requêtes dans les Outils de Développement
  3. ✅ Vérifiez qu’il n’y a pas d’erreurs

Après 24 Heures

  1. ✅ Consultez les rapports complets dans GA
  2. ✅ Analysez les sources de trafic
  3. ✅ Identifiez les pages populaires

Après 1 Semaine

  1. ✅ Comparez les métriques
  2. ✅ Identifiez les tendances
  3. ✅ Planifiez les optimisations

📞 Support

Ressources Utiles

Contacts

  • Email: contact@amcp.dev
  • GitHub Issues: https://github.com/agentmeshcommunicationprotocol/amcpcore/issues

✅ Résumé

Étape Statut Temps
Déploiement ✅ Complété Maintenant
Reconstruction ⏳ En cours 2-5 min
Vérification du Tag ⏳ À faire Après reconstruction
Vérification GA ⏳ À faire Après 5 min
Données Complètes ⏳ À faire Après 24h

Configuration complète! Vérifiez après 2-5 minutes. 🚀

Consultez ce guide si vous avez des questions sur la vérification.