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.
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.
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 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; ?>
Commentaires