Bonjour, suite à plusieurs demandes sur la manière d’ajouter un google analytics sur un site WordPress sans l’utilisation d’un plugin, j’ai donc décidé de créer un article. Bien évidemment, si vous êtes développeur, il y a fort à parier que je ne vous apprendrai rien. Vous n’avez besoin d’aucune base pour réaliser cette action. Il vous faudra simplement votre compte google analytics et un accès au code source de votre WordPress. C’est parti !

Récupérer mon ID Google Analytics

Première étape, il vous faut récupérer l’identifiant de suivi, il s’agit d’une chaîne de caractère vous permettant d’envoyer des données sur votre compte.

paneau administration analytics

Une fois sur le panneau d’administration (voir image ci-dessus), en bas a gauche vous trouverez en bas un lien « Administration », cliquez.

Google analytics - lien d'administration

Vous arriverez alors sur une page vous proposant plusieurs actions en lien avec votre compte , la propriété du « site » ou encore les « vues » que vous allez/avez configuré pour analyser vos données.

Administration google analytics

Dans notre cas, nous allons nous intéresser à la partie propriété. Cliquez sur « Informations de suivi » et ensuite sur « Code de suivi » .

Google analytics , page de code de suivi

Sur cette page, vous trouverez l’identifiant mais aussi le code à intégrer dans votre WordPress. Gardez cette page ouverte ou copié l’identifiant de suivi. Et maintenant, direction le code de votre WordPress.

Intégrer mon identifiant dans mon code source WordPress

C’est presque fini! Nous allons donc ajouter du code dans toute les pages de notre site pour cela rien de bien compliqué. Vous avez deux solutions :

  • J’ai un accès direct au code:

Dans ce cas, on va se rendre dans notre thème. À partir de la racine de votre WordPress allez dans le fichier suivant et ouvrez le avec un éditeur comme notepad++ ou encore bloc note :

/wp-content/themes/{nomdevotretheme}/functions.php

Allez à la fin de ce fichier et ajouter le code ci-dessous en remplaçant XX-XXXXXXXX-X par votre identifiant de suivi.

function add_meta_tags_analytics() {
    ?>
    <script async src="https://www.googletagmanager.com/gtag/js?id=XX-XXXXXXXX-X"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'XX-XXXXXXXX-X');
    </script>
<?php }
add_action('wp_head', 'add_meta_tags_analytics');

Sauvegardez et fermez le fichier.

  • Je n’ai accès qu’à mon administration WordPress :

Pas de panique, dans le menu apparence vous trouverez l’éditeur de thème.

Dans la partie de droite, sélectionnez le fichier functions.php et rendez vous à la fin de celui-ci.

Ajoutez ensuite le code suivant et remplacez XX-XXXXXXXX-X par votre identifiant de suivi.

function add_meta_tags_analytics() {
    ?>
    <script async src="https://www.googletagmanager.com/gtag/js?id=XX-XXXXXXXX-X"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'XX-XXXXXXXX-X');
    </script>
<?php }
add_action('wp_head', 'add_meta_tags_analytics');

Enregistrez le fichier et retournez sur votre site.

Vérification de mon intégration de Google Analytics

Dernière étape : tester. Rendez vous sur votre site et inspectez le code ( clic droit ).

Inspecter le code - Google Analytics

Une fenêtre va alors s’ouvrir, vous trouverez le code HTML de votre page comme ci-dessous :

Code HTML d'une page

En faisant un Ctrl + F , vous ouvrirez la recherche , tapez alors « googletagmanager ». Vous retrouverez donc votre code.

Integration analytics inspection du code HTML

Finalement, c’était pas si compliqué !? Vous avez ajouté google analytics à votre WordPress. N’hésitez pas à me faire un retour. Bon code et bon tracking surtout 🙂 À bientôt.

Photo by Webaroo.com.au on Unsplash

Articles liés :

Show CommentsClose Comments

2 Comments

  • .
    Posted 27 février 2020 at 8:05 0Likes

    Ton image est lié à la GSC et non pas à GA ^^

    • kjaniky
      Posted 29 février 2020 at 9:16 0Likes

      En effet ^^
      J’ai écrit deux articles , un sur GA et l’autre sur GSC et j’ai confondu les images ^^
      Je vais modifier ça, je te remercie 🙂

Leave a comment