Le fait d’ajouter Google Analytics à votre site WordPress vous aidera à savoir qui ont visité votre site, qu'est-ce qu’ils ont regardé, et comment ont-ils atterri sur votre site.
Le moyen le plus simple est d’utiliser un plugin, comme notre Google Analytics+, qui vous permet d’accéder rapidement à une publication, une page, un site ou un aperçu de performance de réseau sans avoir à quitter votre WordPress ou votre contrôle Multisite.
Mais quelquefois vous aimez peut-être garder les choses plus simples et insérer les codes de suivi analytique vous-même. Et d’autres fois vous voulez retrousser vos manches et jouer avec les codes.
Google vous demande d’insérer le code dans la section <head> de chaque page de votre site, mais la bonne nouvelle est qu’avec WordPress, vous n’avez pas besoin de faire cela. Vous pouvez créer un simple plugin qui va automatiquement l’insérer dans chacun des nouveaux pages que vous allez créer sur votre site.
Ce Dont Vous Avez Besoin
Vous n’auriez pas besoin de beaucoup de choses pour créer ce plugin:
- Une installation WordPress ayant le thème de votre choix.
- Accéder aux fichiers de votre site à partir de FTP.
- Un éditeur de code et de texte.
J’utilise personnellement Coda, qui me donne la possibilité d’éditer et me donne un accès FTP en même temps. Cependant, vous pouvez utiliser n’importe quel éditeur de code et de texte avec un logiciel de connection FTP gratuit comme Filezilla.
La Procédure
N’ayez pas peur si vous n’avez pas encore créé de plugin avant. C’est plus simple que vous ne le pensiez. Pour le créer, vous devez suivre ces cinq étapes:
- Vérifier le fichier header.php de votre thème actuel, pour vous assurer qu’il contient lecrochet wp_head.
- Créez un nouveau fichier dans votre fichier plugin.
- Prenez votre code de suivi analytique sur le site de Google Analytics.
- Ajouter des codes incluant le code de suivi à votre plugin.
- Activez le plugin.
Commençons alors!
Vérifier votre fichier thème pour le Hook wp_head
Les plugins insèrent des codes sur votre site en attachant des codes à un hook (crochet) qui est déjà écrit sur votre thème. Si un code est bien écrit, il va contenir certainement le crochet wp_head avec son fichier header.php .
Ce crochet est utilisé par une multitude de plugins afin d’insérer des scripts, des styles et plus. Si vous avez téléchargé votre thème à partir du stockage de thèmes WordPress, il va surement avoir le crochet wp_head à la bonne place, mais vérifions juste au cas où.
Dans votre programme FTP, accédez au dossier wp-content dans votre installation WordPress. Dedans vous allez trouver un dossier de thèmes et après un dossier pour votre thème actuel. Par exemple, le dossier qui contiendrait les fichiers thème pour twentyfifteen serait wp-content/themes/twentyfifteen
Note: Vous ne devez vous souciez que du thème actuel. Ignorez les autres thèmes que vous avez installés sur votre site.
Dans votre dossier de thème, vous allez voir un fichier appelé header.php. Ouvrez le.
Le fichier header.php inclue tous le code au début de chaque page, parmi cela la section <head> de la page. Vous trouvez le crochet wp_head à la fin de la section <head> . Donc, par exemple, dans twentyfifteen la section <head> ressemblera à ceci:
La dernière ligne avant la fermeture </head> inclue le crochet wp_head . Vous pouvez l’utiliser dans votre plugin pour insérer des codes à ce point, sans avoir à éditer vos fichiers de thème. Pourquoi ne devrais-je pas éditer mes fichiers de thème, diriez-vous ? Parce que c’est une mauvaise idée pour deux raisons:
- Si le thème est mis à jour dans le future, vous allez perdre tous les changements que vous avez fait pour ces fichiers de thème.
- Un plugin Google Analytics concerne la fonctionnalité (qu’est ce qui se passe sous la couverture de votre site) et non l’affichage (l’apparence de votre site et l’apparence de ces contenus). Donc ça devrait-être ajouté à partir d’un plugin et non d’un thème.
Maintenant que vous savez que votre thème est prêt, regardons maintenant le code de suivi de Google Analytics.
Note: Si votre thème ne contient pas ce code, je vous recommanderais de prendre un autre thème. Un thème bien écrit contient toujours ce code, mais sinon, le problème est peut-être ailleurs.
Avoir le code de suivi
Quand vous ajouter votre site à votre compte Google Analytics, on vous donne un code de suivi que vous devez insérer dans les pages de votre site. Cela afin que Google puisse voir les visiteurs de chaque page.
Si vous avez un compte Google, vous pouvez accéder à vos données analytiques à partir de ce compte.Par contre, si vous êtes parmi ces rares personnes à ne pas avoir de compte, il faudra en créer un.
Une fois que vous avez fait cela, vous pouvez copier votre code de suivi à partir de la section Admin du site Analytics.
En haut de l’écran, cliquer sur Admin pour accéder à la page admin illustrée sur la photo ci-dessous.
Votre compte sera automatiquement sélectionné sur la gauche, et vous devez ajouter votre site à la colonne PROPERIÉTÉ au centre.
Si vous n’avez pas encore ajouté votre site à Google Analytics, cliquez sur la liste déroulante de PROPERIÉTÉ et sélectionnez Créer une propriété. Si vous l’avez déjà fait, sélectionnez-le dans la liste déroulante de Propriété et cliquez sur le bouton informations de suivi au-dessous. Ignorer l’étape suivante.
Ajouter Google Analytics à Votre Site Web
Apres avoir cliqué sur l’option Créer une propriété , vous allez être amené à donner des détails de votre site sur la nouvelle propriété.
Complétez-le avec les détails de votre site et cliquez sur le boutonObtenir le code de suivi pour accéder à votre code de suivi.
Accéder à Votre Code de Suivi
Peu importe que vous avez créé une nouvelle propriété ou que vous avez cliqué sur le bouton pour accéder au code de suivi pour une propriété existante, on vous donnera le code à insérer sur votre site:
Copiez tout, incluant les tags d’ouverture et de fermeture <script>. Vous allez coller tout ce code après.
Note: J’ai caché mes codes de suivi et je les ai remplacé par XXX dans le code afin que vous ne puissiez pas voir qui visite mon site! Vous devez copiez le code unique pour votre site.
Créer le Plugin
Maintenant, créons le plugin qui va ajouter le code de suivi à votre site.
Dans le dossier wp-content/plugins de votre site, créer un nouveau fichier PHP. Donnez le un nom facile à mémoriser : Je vais appeler le mien tophebergeur-google-analytics.php.
Dans votre éditeur de code, ouvrez ce fichier. Ajouter ceci:
<?php
/*
Plugin Name: Simple Google Analytics Plugin
Plugin URI: http://webblog.tophebergeur.com
Description: Ajouter le code de suivi dans le <head> de votre thème.
Author: Tophebergeur
Version: 1.0
*/
Cela permet à WordPress de savoir que c’est un plugin, de qui est son origine et qu’est ce ça fait. Editez les détails du plugin et de son auteur comme si c'était le votre.
Maintenant, au-dessous de ce code, ajoutez la fonction qui va contenir le code de suivi analytique:
function tophebergeur_google_analytics() { ?>
<?php }
add_action ('wp_head', 'tophebergeur_google_analytics', 10 );
A ce moment c’est une fonction vide appelée tophebergeur_google_analytics() et elle est attachée aucrochet wp_head, qui veut dire que son contenu sera dévoilé à chaque fois que WordPress rencontre ce crochet, par exemple, à la fin de la section <head> de chaque page.
L’étape suivant est de copier le code de suivi à votre fonction. Dans la partie de la fonction (et aussi dans les tags d’ouverture et de fermeture PHP), collez le code de suivi que vous avez copié plutôt.
Votre fonction ressemblera à quelque chose comme ça:
function tophebergeur_google_analytics() { ?>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-XX', 'auto');
ga('send', 'pageview');
</script>
<?php }
add_action('wp_head', 'tophebergeur_google_analytics', 10 );
Activer le Plugin
Maintenant sauvegardez votre fichier plugin et allez sur votre site dans la section admin. Dans la section Plugins, vous allez voir votre nouveau plugin dans la liste:
Activez le Plugin puis retournez sur le site Google Analytics pour vérifier votre code de suivi. Vous allez peut-être attendre un moment avant que Google ne tienne compte du nouveau code et qu’il soit officiellement en marche.
Résumer
Si vous voulez ajouter manuellement un code de suivi de Google sur votre site WordPress, vous ne devez pas l’ajouter à votre thème. Il vaudrait mieux écrire un simple plugin comme celui qu’on vient de créer.
Ce plugin contient une fonction contenant le code de suivi venant de Google. Vous allez alors attacher cette fonction au crochet wp_head. Ce crochet est présent dans la section wp_head de tous thèmes bien écrits, et vous permet d’insérer des codes sans avoir à toucher votre thème. Une fois que vous avez fait cela, vous pourriez suivre les visiteurs sur votre site comme une partie de votre stratégie SEO.
Bien sûr que si vous êtes allé si loin et voulez une solution directe pour voir Google Analytics pourvotre site sans se tourmenter avec les codes, regardez Google Analytics +. Ce n’est pas la seul chose facile à mettre en place, il contient aussi des intégrations multisite, des graphes, et des statistiques pour que vous puissiez avoir un aperçu rapide de l’activité de votre site.