Comment ajouter Google Analytics à Wordpress


Mis à jour le 20 avril, 2017

Comment ajouter Google Analytics à Wordpress

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:

  1. Vérifier le fichier header.php  de votre thème actuel, pour vous assurer qu’il contient lecrochet wp_head.
  2. Créez un nouveau fichier dans votre fichier plugin.
  3. Prenez votre code de suivi analytique sur le site de Google Analytics.
  4. Ajouter des codes incluant le code de suivi à votre plugin.
  5. 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.

 google-analytics-admin

Votre compte sera automatiquement sélectionné sur la gauche, et vous devez ajouter votre site à la colonne  PROPERIÉTÉ au centre.

 google-analytics-new-property

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:

 google-analytics-tracking-code

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:

 Activer le plugin google analytics

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.




Rubriques des articles




Les avis des clients

Avis des utilisateurs


Faites entendre votre voix. Passez en revue votre fournisseur d'hébergement Web - bon ou mauvais.


Support très réactif .... Moi qui suis débutant, j'y trouve mon compte et ne suis jamais bloqué ! J'avance à mon rythme et je sais que je peux compter sur eux.... Vous êtes super, continuez !

HOUAS à propos Planethoster France

Montrer une autre revue
Lire les avis Planethoster France



Plans d'hébergement




Les plans d'hébergement de 43 sociétés d'hébergement partout dans le monde


Meilleur hébergeurs web

# hébergeur web prix action

1

Infomaniak France

6.75 EURO

Ajouter un Avis
Visiter

2

Hostpapa France

2.95 EURO

Ajouter un Avis
Visiter

3

Greengeeks

4.95 USD

Ajouter un Avis
Visiter

4

Siteground

6.95 USD

Ajouter un Avis
Visiter

5

Planethoster France

5.99 EURO

Ajouter un Avis
Visiter

6

Bluehost

6.95 USD

Ajouter un Avis
Visiter




Hébergeurs par avis de clients

Planethoster France
192 avis des clients
Hostpapa France
74 avis des clients
Infomaniak France
56 avis des clients
Rapidenet
50 avis des clients
Hostinger
47 avis des clients
Ajouter un avis Tous les profils


Hébergeurs par fidélité de clients

Planethoster France
187 / 192 recommandé
Infomaniak France
56 / 56 recommandé
Rapidenet
49 / 50 recommandé
Hostinger
44 / 47 recommandé
Hostpapa France
39 / 74 recommandé
Évaluer hébergeur Tous les profils


Question de la Semaine


Votre avis sur notre site



Contacter l'éditeur

Posez votre question