Trafic analytics

Pour activer l'analyse du trafic sur un site web par Google, vous devez activer l'API Analytics API, installer la Google Client Library et configurer les paramètres $googleapiid, $googleanalyticsid, $googleanalyticsaccount et $googleanalyticskeyfile dans config.inc.

Si les paramètres $googleanalyticsaccount et $googleanalyticskeyfile sont définis, la page Gestion d'un administrateur du site affiche le logo Google Analytics.

Cliquez sur l'image pour accéder à la page Trafic.

URL :

Options :

→

tendance

Entrez une URL. Choisissez la date de début et la date de fin. Appuyez sur Tracer.

La page est rechargée avec le graphique et un bouton pour télécharger l'image.

trafic.png

Cochez l'option Avec tendance pour dessiner une droite montrant la tendance.

Si la date de fin est antérieure à la date de début, les dates sont automatiquement inversées. La date de début et la date de fin ne peuvent pas avoir la même valeur.

S'il n'y a pas de données pour la période spécifiée, aucun graphique n'est tracé.

Configuration

Présentation de Google Analytics 4

Où trouver l'ID de Google Analytics

Google Search Console - https://search.google.com/search-console

Créez une propriété domaine pour le site avec une adresse générique, e.g. sitename.net.

Google Analytics - https://analytics.google.com/analytics

Créez un compte. Vous pouvez utiliser le même compte pour plusieurs sites web. Allez dans Administration.

Créez une propriété pour le site, e.g. sitename.

Dans Paramètres de la propriété, entrez l'URL du site. Choisissez le mode intégré.

Cliquez sur Paramétrer la Search Console. Cliquez sur Modifier. Associez l'URL du site à la propriété. Appuyez sur Enregistrer.

Configurez le paramètre $googleanalyticsid dans config.inc avec l'ID de suivi UA-*.

Google APIs - https://console.developers.google.com/apis

NOTE : Cliquez sur le menu en haut à gauche dans le bandeau sur les 3 barres - le hamburger - pour revenir à la page d'accueil du Gestionnaire d'API.

Créez un projet. Donnez le nom du site au projet, e.g. sitename. Modifiez l'identifiant sur projet, e.g. sitename-14102. Cliquez sur Afficher les options avancées. Choisir la région du site.

Allez dans Tous les projets. Cliquez sur le nouveau projet. Cliquez sur Comptes de service. Cliquez sur Créer un compte de service. Sélectionnez le rôle Lecteur dans Projet.

Donnez un nom au compte, e.g. sitename. Copiez la partie de l'adresse proposée précédant iam.gserviceaccount.com avant l'@, e.g. sitename-14102@sitename-14102.iam.gserviceaccount.com.

Cochez l'option Indiquer une nouvelle clé privée. Sélectionnez le type de clé P12. Appuyez sur Créer. Sauvez le fichier *.p12 à la racine du site. Notez que la clé est protégée par le mot de passe notasecret. Vous pouvez supprimer les autres comptes.

Configurez le paramètre $googleanalyticsaccount dans config.inc avec l'ID du compte de service.

Allez dans le Tableau de bord. Aucune API n'est activée. Cliquez sur Activer l'API. Dans Bibliothèques, cliquez sur Analytics API. Cliquez sur Activer.

Revenez sur la page d'accueil du Gestionnaire d'API.

Cliquez sur Identifiants. Sélectionnez dans Créer des identifiants l'option Clé API. Nommez la clé, e.g. sitename. Ne donnez aucune restriction. Appuyez sur Enregistrer.

Configurez le paramètre $googleapiid dans config.inc avec la valeur de la clé.

Vérifiez dans config.inc que les paramètres $googleapiid, $googleanalyticsid, $googleanalyticsaccount et $googleanalyticskeyfile sont configurés.

Google Analytics - https://analytics.google.com/analytics

Allez dans Gestion des utilisateurs de la propriété.

Ajoutez une autorisation d'accès en copiant l'ID du compte de service enregistré dans le paramètre $googleanalyticsaccount, e.g. sitename-14102@sitename-14102.iam.gserviceaccount.com, avec les privilèges Lire et Analyser. Appuyez sur Ajouter.

Google Webmasters - https://www.google.com/webmasters

Vérifiez que l'adresse du site est associée à la propriété Google Analytics.

Installation du code de Google

Installez Composer.

Créez le fichier composer.json à la racine du site avec le contenu suivant :

{
  "require": {
    "google/apiclient": "1.1.8"
  }
}

Exécutez install :

$ composer install

Tout le code est dans le répertoire vendor.

NOTE : Ajoutez les fichiers composer.json et composer.lock à Git. Ajoutez le répertoire vendor dans .gitignore.

IMPORTANT : Configurez le paramètre PHP upload_tmp_dir dans le fichier de configuration du site :

<VirtualHost *:80>
	DocumentRoot /var/www/sitename.net
	...
	php_admin_value open_basedir /var/www/sitename.net
	php_admin_value upload_tmp_dir /var/www/sitename.net/tmp
</VirtualHost>

Remplacez sitename.net par le nom de domaine du site.

Assurez-vous que le service Apache est autorisé à écrire dans le dossier tmp à la racine du site.

Options

Si vous mettez la variable $with_period à true dans la fonction analytics dans blocks/analytics.php, la sélection de la période s'effectue différemment.

Options :

1 semaine 2 semaines 1 mois 3 mois 6 mois 1 an

Dans ce mode, la date de fin est toujours la date courante. L'intervalle sélectionné détermine la date de début.

En modifiant les vues et la variable $available_periods et en reprogrammant l'analyse du formulaire, on peut facilement ajouter ou supprimer des périodes.

Code

Le code en JavaScript par Google est ajouté par la vue finale standard du dossier layouts dans la balise <head> si $googleanalyticsid n'est pas false.

<?php global $googleanalyticsid, $googleanalyticspageview; ?>
<?php if (!empty($googleanalyticsid)): ?>
<script async src="https://www.googletagmanager.com/gtag/js?id=<?php echo $googleanalyticsid; ?>"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '<?php echo $googleanalyticsid; ?>', {'page_path': '/<?php echo $googleanalyticspageview ? $googleanalyticspageview : $request_path; ?>'});
</script>
<?php endif; ?>

izend.org