Dans ce tutoriel, je vais vous montrer comment ajouter la balise Google Analytics à votre installation WordPress sans avoir besoin d'ajouter des plugins supplémentaires et en utilisant la fonction Google Tag Manager, dont nous avons déjà vu comment l'ajouter dans un tutoriel précédent.
Let’s Watch trois vidéos trois variétés possibles pour ajouter ce tag: celui que Google tag Manager nous offre par défaut pour installer Universal Analytics, une façon modifiée d’ajouter cette balise et enfin, comment ajouter la nouvelle version qui a publié il ya Little Google et celui qui a appelé Global Analytics.
Ajouter Universal Analytics
Il s’agit de la méthode simple et «par défaut» que Google tag Manager propose pour ajouter la balise Google Analytics.
Pour ce faire, une fois créé notre conteneur dans Google tag Manager, nous aurons à créer une balise escogiéndola des modèles que tag Manager nous fournit (dans ce cas, celui de Universal Analytics), une variable qui recueille l’identificateur de la propriété de Google Analytics à laquelle nous voulons envoyer les données de notre Web et un activateur qui, au départ, sera toutes les pages. Mais la meilleure chose est de le voir dans la prochaine vidéo.
Comme vous pouvez le voir, il est très facile à ajouter. Passons maintenant à une autre façon moins standard d’ajouter cette balise.
Méthode alternative pour ajouter Universal Analytics
Nous utiliserons dans ce cas un format d’étiquette qui est défini dans Google tag Manager et qui est un «joker» qui nous servira à créer non seulement l’analytique, mais dans les vidéos à venir, nous voyons qui est très utile pour créer d’autres étiquettes qui , par défaut, ne sont pas prédéfinis dans cet outil, la balise HTML. Comme dans le cas précédent, il est préférable de le voir dans la prochaine vidéo.
Comme vous pouvez le voir, la procédure est identique à la précédente, avec la seule différence que, au lieu d’utiliser la balise par défaut, nous utilisons une balise HTML dans laquelle nous ajoutons le code JavaScript de Google Analytics et le personnaliser pour pointer vers la propriété Dans lequel nous souhaitons envoyer les données de notre site Web.
Comme je l'ai dit au début, Analytics a changé le script, si vous voulez continuer à utiliser le code Universal Analytics, vous pouvez copier ce code ci-dessous. Cependant, changez la phrase INSERT YOUR ANALYTICS PROPERTY ID HERE pour l'ID fourni par Analytics, que vous pouvez trouver dans la section d'administration de votre propriété de cet outil. Sa syntaxe est UA-XXXXXXXXXXXXX-X
<!-- 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*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'INSERTA AQUI EL IDENTIFICADOR DE TU PROPIEDAD DE ANALYTICS', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Ajouter l'analyse globale
À l’heure actuelle, si vous entrez dans l’outil de gestion Analytics, vous constaterez que l’étiquette que vous proposez d’insérer n’est plus la version universelle, mais il s’agit d’une nouvelle version appelée Global Analytics.
Au moment de la rédaction de ce tutoriel (mars 2018) Google tag Manager n’offre pas une balise prédéfinie pour global Analytics, donc si nous voulions insérer le nouveau tag sur notre site Web, l’option passe par l’utilisation de la méthode que j’ai commenté avant, mais dans ce cas , en insérant le code global Analytics dans la balise HTML. Comme toujours, regardons mieux avec une vidéo.
<?php
/*
Plugin Name: Insertar Gtag.js en WordPress
Plugin URI: https://carlosmdh.es
Description: Plugin para insertar los Scripts de Global Analytics
Version: 1.0.1
Author: carlosmdh
License: GPL 2+
License URI:https://carlosmdh.es
*/
// Añadir el código de Global Analytics en el <head>
add_action( 'wp_head', 'carlosmdh_global_analytics' );
function carlosmdh_global_analytics() { ?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=INSERTA AQUI EL IDENTIFICADOR DE TU PROPIEDAD DE ANALYTICS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'INSERTA AQUI EL IDENTIFICADOR DE TU PROPIEDAD DE UNIVERSAL ANALYTICS UA-XXXXXXXXX-Y', { 'anonymize_ip': true }); // Identificador de Google Analytics 3 (Universal Analytics
gtag('config', 'INSERTA AQUI EL IDENTIFICADOR DE TU PROPIEDAD DE GA4 G-XXXXXXXXXX'); //Identificador de Google Analytics 4 (GA4)
</script>
<!--End Global site tag (gtag.js) - Google Analytics -->
<?php }
Conclusion
L’une des trois méthodes est valide pour ajouter le code de suivi et commencer à suivre et analyser ce qui se passe sur votre site Web. Comme vous l’avez vu dans les vidéos, ils sont très faciles à mettre en œuvre.
Comme toujours, si vous avez des questions, vous pouvez me les envoyer via le formulaire de contact.