L’un des grands mystères des plateformes de collecte de données basées sur un navigateur comme Google Analytics est ce qui se passe lorsque le visiteur n’est pas suivi. Cela est particulièrement évident dans les cas où l’utilisateur se désinscrit explicitement du suivi, lorsque l’utilisateur n’a pas JavaScript actif dans son navigateur, dans les sessions rebondies et sur les pages de sortie.
Opt-out signifie que l’utilisateur interdit explicitement à un site Web de les suivre. Dans certains cas, il est possible que la désactivation soit la valeur par défaut, et l’utilisateur doit explicitement s’inscrire pour permettre à GA d’enregistrer ses visites. Dans cet article, je vais bien sûr ne pas vous donner des idées pour contourner cela, car vous devez respecter les souhaits de l’utilisateur.
Navigation avec JavaScript désactivé est étonnamment fréquent, même s’il rend une grande partie du Web inutilisable. Si vous désactivez JavaScript dans votre navigateur, le navigateur ne pourra plus fonctionner script des blocs ou des fonctions JavaScript arbitraires. Les méthodes DOM fonctionnent toujours, par exemple, mais vous ne pourrez pas utiliser le stockage persistant tel que les cookies dans votre conteneur GTM.
Sessions rebondies et pages de sortie sont problématiques, car certaines métriques telles que Temps passé sur la page ne peut être calculé qu’avec deux pages vues. Cela signifie que les sessions rebondies, qui ont un maximum d’une page vue, ne pourront pas vous dire combien de temps un visiteur a passé sur votre site. De même, une page de sortie n’a pas de page vue ultérieure, ce qui signifie que le temps passé sur la page est également perdu pour celles-ci.
J’ai deux cas d’utilisation que je veux explorer. Parce que je veux garder les choses courtes (plus que d’habitude), j’ai divisé cela en deux articles. Le premier, celui-ci, concerne l’envoi de pages vues à partir de navigateurs avec JavaScript désactivé.
Le deuxième article (lisez-le ici) couvre l’utilisation de User Timings pour capturer le temps passé sur la page pour les sessions rebondies et les pages de sortie.
J’implémente les deux cas d’utilisation à l’aide de Google Tag Manager. Comme d’habitude, ces articles ne traitent pas seulement de cas d’utilisation spécifiques à GA. Ils visent également à présenter des API JavaScript sympas et des fonctionnalités moins connues de Google Analytics au public non développeur.
Collecter les pages vues des navigateurs non-JS
Pour collecter les pages vues des navigateurs où JavaScript a été désactivé, nous devrons tirer parti d’un certain nombre de fonctionnalités avancées de Google Tag Manager et de Google Analytics. Les étapes que nous allons suivre sont les suivantes :
-
Ajouter un
dataLayerpaire clé-valeur dans laiframedunoscriptélément dans l’extrait de conteneur GTM. -
Utilisez une balise d’image personnalisée pour déclencher un pixel de protocole de mesure lorsque cela
dataLayerpaire clé-valeur est détectée. -
Filtrez ces résultats MP dans leur propre profil Google Analytics.
(REMARQUE: L’intérêt de cette solution est de montrer comment le iframe peut être utilisé pour exploiter la variable de couche de données dans GTM. Il existe en fait un moyen beaucoup plus élégant de vérifier si l’utilisateur n’a pas activé JavaScript dans son navigateur. Consultez le commentaire de Duncan ci-dessous pour la solution !)
Cela signifie que lorsqu’un navigateur qui a désactivé JavaScript accède au site, le noscript la balise est exécutée et la dataLayer paire clé-valeur provoque le déclenchement de la balise d’image personnalisée. Cette balise est un appel de page vue vers le point de terminaison Universal Analytics à l’aide du protocole de mesure. De cette façon, vous pouvez collecter des données auprès des visiteurs qui ont désactivé JavaScript !
1. Modifier l’extrait de conteneur
Donc, la première chose que vous devez faire est de modifier l’extrait de conteneur. Lorsqu’un navigateur sans JavaScript essaie de restituer l’extrait de conteneur, il n’exécute aucun code dans le script élément. Au lieu de cela, il trouve le noscript block et affiche le code HTML contenu.
Google Tag Manager charge un iframe, qui est adapté à votre conteneur. En passant des paires clé-valeur comme paramètres de requête à ce iframevous ajoutez des données dans le modèle de données interne de Google Tag Manager, et elles peuvent être utilisées par la variable de couche de données même sur les navigateurs sans JavaScript activé.
Donc, dans ce cas d’utilisation, je souhaite envoyer une paire clé-valeur à Google Tag Manager, que je peux ensuite utiliser comme condition de déclenchement pour déclencher une balise uniquement pour les navigateurs qui rendent le iframe. Comme vous pouvez le voir ci-dessous, j’envoie nojscript=vrai à GTM. C’est l’équivalent non JavaScript de dataLayer.push({'nojscript' : 'true'});
2. Variable de couche de données pour nojscript
Ensuite, nous aurons besoin d’un Variable de couche de données qui accède à cette paire clé-valeur, et un Déclencheur d’événement personnalisé qui déclenche la balise lorsque nojscript=vrai se trouve dans le modèle de données.
Cette variable de couche de données récupérera la valeur de la clé pas de script du modèle de données si une telle clé existe.
3. Déclencheur d’événement personnalisé
Le déclencheur qui déclenche le tag lorsque nojscript=vrai ressemble à ça:
Comme vous pouvez le voir, l’événement pour le déclencheur est toujours gtm.js. C’est l’équivalent du déclencheur “Toutes les pages”. Cependant, vous devez spécifier une nouvelle condition, qui exige que la variable de couche de données pour pas de script se résoudre à vrai.
Alors, petit récapitulatif. Nous avons maintenant modifié l’extrait de conteneur pour pousser nojscript=vrai dans le modèle de données de Google Tag Manager lorsque le navigateur de l’utilisateur n’a pas activé JavaScript. Ensuite, nous avons une variable de couche de données qui récupère ces informations à partir du modèle de données. Enfin, nous avons un déclencheur qui déclenche n’importe quel tag auquel il est attaché, lorsque la valeur de pas de script est vrai.
4. Balise d’image personnalisée
Maintenant, nous avons besoin de la balise elle-même. Créez une nouvelle balise d’image personnalisée :
Utilisez le déclencheur que vous venez de créer comme seul déclencheur pour cette balise.
Les balises d’image personnalisées sont toujours prises en charge même si le navigateur du visiteur n’utilise pas JavaScript. C’est parce que la spéciale iframe document chargé dans le noscript peut toujours afficher des balises HTML normales, ce qu’un img beaucoup l’est.
L’URL du img tag est un appel de pixel du protocole de mesure. Si vous connaissez Universal Analytics, vous saurez que chaque accès de vos propriétés Web utilise le protocole de mesure, car il ne s’agit en fait que d’un pixel chargé à partir de l’URL. https://www.google-analytics.com/collect. Tous les champs et paramètres de chaque hit sont fournis en tant que paramètres de cet appel. Voici donc à quoi ressemblerait le hit du protocole de mesure pour la balise d’image personnalisée :
https://www.google-analytics.com/collect?v=1&t=pageview&dl={{Page URL}}&dt=No%20JavaScript&cid={{Random Number}}&tid=UA-XXXXXXX-X>m=GTM-XXXX
Cela envoie un appel de page vue très simple sans paramètres ni dimensions supplémentaires. L’emplacement du document, que GA utilise pour analyser le chemin d’accès à la page, est extrait de la {{L’URL de la page}} Variable intégrée, le titre du document de la page est “Pas de JavaScript” et l’ID client du hit est un nombre aléatoire, généré par une autre variable intégrée. N’oubliez pas de remplacer votre propre code de suivi Google Analytics par le &tid= paramètre. De plus, si vous souhaitez imiter d’autres hits GTM, ajoutez le >m= paramètre avec votre ID de conteneur.
Ajoutez tous les autres paramètres que vous souhaitez. Pour la liste complète des paramètres disponibles, consultez ce guide.
J’utilise “Pas de JavaScript” comme titre de page car je l’utilise pour créer le filtre Inclure dans Google Analytics :
Naturellement, vous souhaiterez ajouter un filtre d’exclusion similaire à vos principaux profils de rapport.
Dans l’appel de protocole de mesure, nous ne pouvons pas utiliser un ID client stocké dans le hit, car les cookies sont inaccessibles dans les navigateurs où JavaScript est désactivé. Cela signifie que vous ne pourrez pas assembler des hits en tant que sessions ou des sessions en tant qu’utilisateurs. Chaque coup est une nouvelle session, essentiellement. C’est pourquoi il n’est pas logique d’inclure ces résultats dans votre profil de rapport principal.
Il existe des moyens de contourner cette restriction. Vous devrez créer un script côté serveur qui récupère l’ID client du _Géorgie cookie envoyé avec chaque requête GET, et le rend comme un autre paramètre d’URL dans le iframe URL dans le GTM noscript fragment. Cependant, cela dépasse largement le cadre de ce simple guide.
Une fois que vous avez publié cette configuration, vous devriez vous retrouver avec un profil dans Google Analytics qui collecte les visites de pages de tous les visiteurs qui n’ont pas activé JavaScript dans leurs navigateurs. Vous pouvez utiliser ces données pour avoir une idée du nombre de visites qui vous manquent réellement à cause de ces visiteurs trop prudents. Vous pouvez également utiliser la moyenne de Pages/Session pour obtenir une estimation du nombre de sessions constituées par ces visites.
Résumé
L’idée derrière ce guide était de présenter l’insaisissable noscript balise de l’extrait de conteneur GTM. Vous pouvez l’utiliser pour pousser des paires clé-valeur dans le modèle de données de Google Tag Manager, et vous pouvez ensuite utiliser ces informations pour déclencher toutes les balises que vous souhaitez réserver aux utilisateurs sans JavaScript.
Si vous avez des plates-formes marketing qui ont spécifié un <noscript> alternative, vous utiliseriez cette solution pour compiler la balise d’image qui est généralement fournie en tant qu’option sans JavaScript.
N’oubliez pas de revenir dans un peu de temps pour lire la prochaine partie de ce guide : comment obtenir une mesure précise du temps passé sur la page pour les sessions rebondies et les pages de sortie !
