Les cookies, les scripts de tracking web et les pixels sont différents outils utilisés pour mieux comprendre les utilisateurs de votre site. Ils sont utilisés pour aider à identifier, collecter et transférer des données d’un site donné vers des logiciels d’analyse et de publicité.
Nous nous sommes inspiré de cet excellent article de Julien Kervizic, publié sur Medium et de notre expérience sur le sujet pour vous aider à comprendre d’où viennent vos données web.
Cookies
Les cookies sont une forme de stockage dans votre navigateur qui est généralement utilisée pour stocker certains types d’identifiants tels que les identifiants d’utilisateur et de session, certains paramètres de session, par exemple, si vous avez déjà accepté un collecteur de cookie ou certains paramètres de personnalisation.
Ils sont généralement divisés en deux catégories :
- Cookies internes : Il s’agit de cookies placés sur votre domaine, ce qui signifie que vous pouvez facilement créer, récupérer et modifier leur contenu comme bon vous semble lorsqu’un utilisateur visite votre site web. Parmi les cookies interne, vous disposez en outre d’une catégorie de cookies appelée « Samesite » qui offre une couche de protection contre la falsification des requêtes intersites. En utilisant Samesite, seule la demande de données provenant de votre domaine entraînera l’approvisionnement des cookies.
- Cookies de tiers : Il s’agit de cookies placés sur des domaines externes, le navigateur définissant généralement une restriction d’accès aux cookies sur les domaines externes. Vous pouvez cependant généralement vérifier les informations que vous créez au cours d’une session sur ces sites web. Les cookies tiers permettent d’effectuer la synchronisation des cookies, la mise en correspondance et l’assemblage des identités sur les sites web.
Par exemple, il est possible d’identifier à partir des outils de développement de Chrome les différents cookies qui sont placés. Cette fonction est disponible dans le menu de Google Chrome sous la rubrique « Plus d’outils ».
Une fois sur place, en cochant l’onglet « Application », vous pouvez visualiser les différents composants de stockage dans votre navigateur. Nous pouvons déplier les différents cookies en cours d’installation dans l’exemple ci-dessous à partir de « Medium ». Par exemple, nous pouvons voir tous les cookies internes. Ils sont considérés comme internes car le domaine mis en évidence est le même que celui qui y accède.
Contactez Cartelis
pour enfin capitaliser sur vos données clients.
Cartelis vous accompagne dans le cadrage et le déploiement d'une stratégie data et CRM vraiment impactante.
Analyse client, Choix des outils, Pilotage projet et Accompagnement opérationnel.
Prendre contact avec CartelisTracking des pixels & des scripts
Les pixels de tracking sont des morceaux de code, utilisant généralement une image pour servir de pont entre les sites web. Ils sont généralement configurés sous la forme de gifs de pixel 1 par 1 afin d’économiser la bande passante et sont donc appelés pixels de tracking.
Les scripts de tracking sont des morceaux de code Javascript qui mettent généralement en œuvre un pixel de suivi sur un site web et sont responsables de la création de différents types de requêtes vers des domaines externes, leur transmettant finalement des données.
Source Medium.com, avril 2018
Dans l’exemple ci-dessus, disons que nous avons un site web tel que Medium.com ayant mis en place un script de tracking de Google Analytics « analytics.js » dont le code est censé injecter un pixel de tracking sur la page. Le script de suivi est capable d’accéder et de créer des requêtes en utilisant les données disponibles sur la page ainsi que de définir différents cookies qui peuvent être utilisés comme identifiant.
Ces données normalement transmises consistent en des données disponibles dans le HTML, dans une url, dans une couche de données, en des cookies, ou obtenues par un auditeur d’événements ou un appel API. Le script de tracking peut effectuer différents types de requêtes pour transmettre ces informations au pixel de tracking.
Source Medium.com, avril 2018
L’exemple ci-dessus montre comment Google Analytics est capable d’extraire le _gid défini dans un cookie afin de le transmettre à Google Analytics pour une « page visitée ». La particularité de ce _gid est qu’il a été défini par Google Analytics pour avoir un identifiant particulier permettant de suivre les utilisateurs uniques de manière anonyme.
Le pixel de suivi est destiné à gérer la communication entre la page web que vous hébergez et le site externe.
Source Medium.com, avril 2018
En étant lui-même placé sur un site externe, le cookie peut servir de pont entre la page web et le domaine externe. Étant hébergé sur un domaine externe, il peut accéder au cookie interne de ce domaine et fusionner les données fournies par le site web externe avec ses cookies de première partie. En ce sens, il est capable d’effectuer des comparaisons d’identités.
Dans le cas de Facebook, par exemple, on peut voir qu’un identifiant local spécifique à Facebook est transmis comme un cookie en temps que requête générée par un site externe :
En tapant l’id dans Facebook : facebook.com/1566232600, je retombe sur la page Facebook personnelle en question.
Pour que le pixel Facebook puisse avoir accès à ces données, il n’est pas nécessaire que le connecteur Facebook ou un autre connecteur soit installé sur le site, il suffit que le cookie soit déjà installé (c’est-à-dire que vous vous soyez connecté à facebook) et que le pixel de tracking soit mis en place sur votre site.
Source Medium.com, avril 2018
Je regarde encore une fois Chrome developer, pour comprendre comment le suivi est mis en œuvre. Nous pouvons aller dans l’onglet réseau pour mieux comprendre comment les données sont transmises entre le site web et Google Analytics par exemple. Dans certains cas, Google Analytics suit différents événements en utilisant l’appel de collecte qui est représenté dans l’image ci-dessus. Nous pouvons identifier quelques éléments à partir de là :
- D’après le type, on peut voir qu’il s’agit d’une requête de type « gif » indiquant qu’il s’agit d’un appel à un pixel de tracking.
- L’initiateur est « analytics.js », le script de tracking de Google et celui qui décide en dernier ressort quelles données doivent être transmises
- Comme l’appel est une requête GET, nous pouvons voir les différents paramètres de la requête dans l’url de la requête. Les différents paramètres envoyés représentent les informations que nous voulons pousser de notre site web vers le site externe de Google Analytics, à l’exclusion des cookies internes.
Source Medium.com, avril 2018
Certains sites de tracking web que Google Analytics et ses outils d’analyses fournissent normalement des explications sur les différents paramètres utilisés.
N’hésitez pas à puiser dans nos différentes ressources si vous souhaitez mieux exploiter vos données :
Quels éléments peuvent être trackés ?
Un large éventail de sources de données peuvent être trackées à partir de votre visite sur un site web. Nous allons vous détailler ci-dessous comment ces éléments sont exploités pour faire du tracking web.
Urls
Les urls sont l’une des premières sources d’information utilisées pour le tracking, l’url actuelle peut facilement être extraite en utilisant un appel javascript ou un gestionnaire de balises.
Source Medium.com, avril 2018
Google a notamment introduit « Urchin Tracking Module » (UTM), un module permettant de relier la source du trafic à une campagne de marketing donnée. Il existe cinq paramètres UTM qui sont décrits ci-dessous :
- Source : Utilisé pour identifier l’origine du trafic, c’est-à-dire : google, bing, facebook, email
- Moyen : Qui identifie le type d’objectif utilisé pour attirer du trafic vers le site web, c’est-à-dire : cpc, cpm, email, social,, …
- Campagne : La campagne qui a été utilisée pour générer du trafic sur le site web
- Contenu : Généralement, fournir des informations plus détaillées sur la source du clic qui a conduit à la visite du site web. Par exemple, quel élément de contenu particulier d’un email ou d’une page spécifique a conduit à cette visite sur votre site web.
- Terme : Généralement, un champ prévu uniquement pour la recherche payante pour fournir des informations liées aux mots clés qui ont amené la visite.
Non seulement les paramètres, mais aussi les urls pleine page peuvent être utiles. Notamment, avoir une visibilité sur les urls pleine page permet de faire des analyses en entonnoir, de diviser les données par domaine lors de la consolidation des données de plusieurs sites web sur une propriété donnée de Google Analytics etc…
Variables Javascript
Les variables javascript peuvent également être utilisées afin de faire du tracking web. Google Tag Manager (GTM) tente notamment de consolider les données disponibles à des fins de suivi dans une couche de données javascript variables et Tealium a utag_data javascript variables. D’autres variables peuvent également avoir été définies sur la page et être accessibles par un script.
Dans la documentation de GTM, par exemple, il y existe une définition de deux variables définies dans la couche de données :
Source Medium.com, avril 2018
Il est possible d’y accéder facilement pour fournir un contexte supplémentaire lié à la catégorie de page et au type de visiteur pour une vue donnée de la page.
Données HTML
Généralement, toutes les données configurées dans la structure HTML d’une page sont accessibles à des fins de tracking web. jQuery fournit notamment un moyen facile d’accéder aux données contenues dans le HTML en offrant un moyen d’accéder aux données HTML en appelant son « chemin d’accès CSS », par exemple :
Source Medium.com, avril 2018
Dans l’exemple ci-dessus, nous utilisons la commande jQuery suivante pour accéder au chemin css d’un composant HTML.
Il est également d’usage d’inclure dans certains éléments html des données supplémentaires à celles affichées à l’aide d’attributs de données cachés dans le code.
Cookies
Comme nous l’avons vu précédemment, il est possible de transmettre les données contenues dans les cookies. Les données contenues dans le site web sont généralement composées de différents identifiants. Ces derniers peuvent être envoyés, comme un identifiant d’utilisateur à des fins de tracking ou d’identification. Ils peuvent également contenir des paramètres de personnalisation tels que votre genre.
En javascript, un appel à document.cookie :
Source Medium.com, avril 2018
Il permet notamment d’obtenir une liste séparée par un point-virgule de cookievar=cookievalue, qui peut ensuite être analysée pour récupérer les valeurs de cookies spécifiques. jQuery a introduit un moyen plus accessible d’extraire la valeur d’un cookie donné :
Source Medium.com, avril 2018
Requêtes Javascript et « Event Listener »
Le moyen le plus propre de générer et de suivre les événements est de les ajouter lorsqu’un événement spécifique se produit. Cela implique généralement de lier une action donnée à une fonction javascript assurant le suivi. par exemple le code d’un bouton d’achat :
On pourrait créer par exemple un bouton d’achat qui appellerait la fonction javascript « buy » avec un identifiant spécifique au produit pour évoquer sa sortie.
Cette fonction pourrait ensuite être décomposée en javascript entre celle qui est destinée à gérer la fonctionnalité ajoutant au panier et celle chargée de fournir des données à un traqueur.
Javascript et plus particulièrement jQuery fournissent un moyen facile de suivre des actions spécifiques lorsqu’elles n’ont pas été initialement intégrées à l’aide d’auditeurs d’événements. Les Events Listeners permettent d’ajouter des actions spécifiques lorsque certains événements se produisent.
Par exemple pour tracker un clic, on ajoute un Event Listener JavaScript de clic au lien de la classe supérieure qui déclenchera une fonction pour afficher « Quelqu’un a cliqué » dans la console javascript. jQuery contient différentes classes d’auditeurs d’Event Listeners, qui peuvent se concentrer sur différents déclencheurs tels que le chargement de la page, le survol de la souris… Cette caractéristique de jQuery peut être codée ou configurée dans différents systèmes de gestion de balises.
Requêtes API
Les requêtes API peuvent être utilisées pour obtenir des données supplémentaires de différentes sources lorsque les données disponibles sur la page elle-même ne sont pas suffisantes. Imaginez par exemple que vous vouliez suivre les prix de vos concurrents ou le taux de change d’une devise étrangère lorsque les visiteurs de votre site web voient certaines pages.
On pourrait très bien imaginer une requête faite à l’aide de jQuery pour récupérer les données fournies par une url donnée et les sortir sur la console. Les données obtenues de cette manière peuvent facilement être transmises à des variables javascript pour enrichir les données trackées sur votre site web.
Laisser un commentaire