Comprendre votre plan de marquage Eulerian (Client-Side)



Qu'est-ce qu'un plan de marquage ?

Imaginez que votre site web est comme un grand supermarché. Chaque rayon représente une section différente de votre site, et chaque produit est une fonctionnalité ou une interaction possible pour vos visiteurs.

Maintenant, si vous voulez comprendre quels produits sont les plus populaires, à quels moments de la journée les clients visitent le plus souvent certains rayons, ou même combien de temps ils passent à contempler un produit avant de l'acheter (ou d'abandonner son achat), vous aurez besoin d'un système pour suivre ces informations.

C'est là qu'intervient le plan de marquage.

Tout comme vous pourriez placer des capteurs dans un supermarché pour suivre les mouvements et les comportements des clients, un plan de marquage détermine où et comment placer des "balises" ou "tags" sur votre site web pour suivre les interactions des utilisateurs.

Ces balises captent des informations précieuses chaque fois qu'un visiteur effectue une action (comme visiter une page, cliquer sur un lien, remplir un formulaire, etc.) et transmettent ces données à Eulerian pour analyse et interprétation.

Pourquoi le plan de marquage est important ?

Pour un projet d'attribution :
L'attribution est la pratique qui consiste à déterminer quels canaux marketing (comme la publicité payante, le référencement naturel, les médias sociaux) ont le plus contribué à une action souhaitée, comme une vente ou un lead.

Pour ce faire, il faut pouvoir suivre le parcours de l'utilisateur sur le site où aura lieu la vente ou le lead.

Sans un plan de marquage adéquat, il sera compliqué voir impossible d'analyser la qualité des sources de trafic (voir leur rentabilité dans le cas de campagnes marketing payantes).

Un plan de marquage bien pensé permettra également d'apporter de la profondeur dans les analyses de qualité et de rentabilité des sources de trafic.

Si vous souhaitez par exemple pouvoir analyser la performance d'une source de trafic pour certaines catégories de produits vendues sur votre site, il faudra au préalable avoir correctement collecté les informations liées aux produits au moment de la vente.

Pour un projet web analytics :
Le web analytics est l'étude du comportement des utilisateurs sur un site web. C'est comme une carte détaillée qui montre où les visiteurs vont, ce qu'ils aiment ou n'aiment pas, et où ils abandonnent leur parcours.

Sans un bon plan de marquage, votre carte serait incomplète ou floue.

Vous pourriez manquer des informations cruciales sur la manière dont les utilisateurs interagissent avec votre site, ce qui pourrait vous conduire à prendre des décisions basées sur des données incomplètes.

Pour un projet Customer Data Platform (CDP) :
Une CDP est une technologie qui collecte, unifie et segmente les profils de clients à partir de différentes sources.

Elle permet aux entreprises de comprendre leurs clients de manière holistique, de créer des audiences (groupes d'utilisateurs qui partagent des caractéristiques communes) et de pouvoir synchroniser/ envoyer ces audiences vers des plateformes publicitaires à des fins de ciblage ou d'exclusion des campagnes marketing.

Le plan de marquage assure que toutes les interactions pertinentes sont capturées et envoyées à la CDP.

Sans un marquage adéquat, votre CDP pourrait ne pas avoir une vue complète du client, limitant ainsi sa capacité à personnaliser les expériences et à cibler efficacement les publicités.


Considérations importantes

Les types de tag Eulerian


Tag Générique : Il s'agit de la quasi-totalité des pages de votre site. Ce tag permet de comptabiliser ces pages.
/* Exemple de Tag Générique */

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup","<groupe de page>",
// Information Utilisateur

"uid","<identifiant utilisateur unique>",
"email","<email utilisateur hashé en SHA256>",
"profile","visitor"

]);

EA_push(EA_datalayer);
</script>

Tag Produit : On parle là de la totalité des pages présentant un produit unique, il comptabilise les fiches produits vues, les données produits associées à la fiche produit présente et identifie les utilisateurs qui ont visités cette page.
/* Exemple de Tag Page Produit */

<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup","<groupe de page>",

// Information Utilisateur
"uid","<identifiant utilisateur unique>",
"email","<email utilisateur hashé en SHA256>",
"profile","looker",

// Info Produit
"prdref","<ref unique du produit>",
"prdname","< nom produit >",
"prdgroup","<group de produits>"
];

EA_push(EA_datalayer);
</script>

Tag Catégorie : On considère une page catégorie à partir du moment où il y a au moins 3 produits sur une même page. Il permet d'identifier une page où il y a un listing de produits. Ce tag se déclenche à chaque chargement des pages catégories.
/* Exemple de Tag Categorie */

<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup", "<groupe de page>",

// Information Utilisateur
"uid","<identifiant utilisateur unique>",
"email","<email utilisateur hashé en SHA256>",
// Info Produit
"prdref","<ref unique du produit 1>",
"prdref","<ref unique du produit 2>",
"prdref","<ref unique du produit 3>"

];

EA_push(EA_datalayer);
</script>

Tag Moteur de recherche : Ce tag permet de remonter en interface les requêtes tapées par les utilisateurs sur votre moteur de recherche interne (qu'il faut déclarer dans le tag). Si vous avez un moteur de recherche, ce tag se déclenchera sur la page des résultats.

Remarque : Les valeurs "isearch" sont à déclarer en amont
/* Exemple de Tag Moteur de recherche */

<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup","<groupe de page>",

// Information Utilisateur
"uid","<identifiant utilisateur unique>",
"email","<email utilisateur hashé en SHA256>",

// Informations Recherche
"isearchengine","<nom du moteur de recherché utilisé>",
"isearchresults","<nombre de resultats>"
"isearchkey","barre_de_recherche", /* Le couple de paramètres isearchkey-isearchdata peut être mulitplié pour collecter les filtres de recherche */
"isearchdata","<mot clé cherché>",

];

EA_push(EA_datalayer);
</script>

Tag Lead / Devis (nomenclature à voir en interne) : il s'agit des objectifs "secondaires" de votre site, tout ce que vous considérez comme action engageante transformant votre utilisateur en lead (création de compte, complétion de formulaire, des inscriptions newsletter...). Ce tag ce déclenche quand l'action est complétée.

/* Exemple de tag Devis */

<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup","<groupe de page>",

// Information Utilisateur
"uid","<identifiant utilisateur unique>",
"email","<email utilisateur hashé en SHA256>",

// Activation page devis
"ref", "<ref unique de la conversion>",
"estimate","1",
"type","<type de lead>",

// parametre CRM
"<parametre_crm_1>","<parametre_crm_1>",
"<parametre_crm_2>","<parametre_crm_2>",
"<parametre_crm_3>","<parametre_crm_3>",

// parametre conversion
"<parametre_conversion_1>","<parametre_conversion_1>",
"<parametre_conversion_2>","<parametre_conversion_2>",
"<parametre_conversion_3>","<parametre_conversion_3>"

];

EA_push(EA_datalayer);
</script>

Tag Page Panier : se déclenche sur la page panier et/ou quand un user clique sur "ajouter au panier". Comptabilise un panier commencé, mesure le taux de conversion et d'abandon de panier, collecte le contenu du panier d'achat, et permet faire des audiences sur des comportements liés au panier.

/* Exemple de tag panier */
<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup","<groupe de page>",

// Information Utilisateur
"uid", "<identifiant utilisateur unique>",
"email", "<email utilisateur hashé en SHA256>",
"profile","shopper",

// Comptabilisation récapitulatif Panier
"scart","1",
"scartcumul","0",

// Info Produit - Matrice détail Produit

// Répéter la boucle dans ordre si plusieurs produits sont présents au panier

"prdref","<ref unique produit>",
"prdamount","<prix produit ht>",
"prdquantity","<quantité produit>",
"prdparam-<param_produit_perso_1>","<param_produit_perso_1>",
"prdparam-<param_produit_perso_2>","<param_produit_perso_2>",
"prdparam-<param_produit_perso_3>","<param_produit_perso_3>",

// parametre CRM
"<parametre_crm_1>","<parametre_crm_1>",
"<parametre_crm_2>","<parametre_crm_2>",

// parametre conversion
"<parametre_conversion_1>","<parametre_conversion_1>",
"<parametre_conversion_2>","<parametre_conversion_2>"

];

EA_push(EA_datalayer);
</script>

Tag Page Confirmation d'Achat : Il s'agit de l'objectif principal de votre site, ce que vous voulez que l'utilisateur fasse, pour la plupart du temps il s'agit de la vente, mais il est possible également de mettre en conversion principale un formulaire à remplir ou tout autre interaction importante. On le déclenche sur la Thank You page ou sur la page de confirmation de paiement, pour s'assurer que la conversion est bien finalisée.

/* Exemple de tag conversion */
<script type="text/javascript">

var EA_datalayer = [

// Information Page
"path","<nom de la page>",
"pagegroup", "<groupe de page>",

// Information Utilisateur
"uid","<identifiant utilisateur unique>",
"profile","buyer",
"email","<email utilisateur hashé en SHA256>",
"newcustomer","<1 si nouveau client ou 0 si ancien client>",

// Activation page order
"ref","<ref unique de la conversion>",
"amount","<montant total de la vente>",
"type","<type de vente>",
"payment","<type de payment>",
"currency","<devise de vente>",

// Info Produit - Matrice détail Produit

// repetez dans ordre si plusieurs produits
"prdref","<ref unique produit>",
"prdamount","<prix produit ht>",
"prdquantity","<quantité produit>",
"prdparam-<param_produit_perso_1>","<param_produit_perso_1>",
"prdparam-<param_produit_perso_2>","<param_produit_perso_2>",
"prdparam-<param_produit_perso_3>","<param_produit_perso_3>",

// parametre CRM
"<parametre_crm_1>","<parametre_crm_1>",
"<parametre_crm_2>","<parametre_crm_2>",

// parametre conversion
"<parametre_conversion_1>","<parametre_conversion_1>",
"<parametre_conversion_2>","<parametre_conversion_2>"

];
EA_push(EA_datalayer);
</script>

Tag Erreur : Ce tag permet de récupérer les URLs ayant générer une page erreur 404, donc à déclencher sur les pages présentant ce type d'erreur au moment du chargement de la page.

/* Exemple de Tag Erreur */
<script type="text/javascript">

var EA_datalayer = [

// Information Page
"error","1",

];

EA_push(EA_datalayer);
</script>

Tag action et Suivi de conversion : La notion de suivi de conversion est une notion d'événement complexe permettant une captation plus avancée. Elle précède/complète les notions de panier/vente/lead.

/* Exemple de Tag Action */
<script>
EA_push([
'path', '/i/am/here',

'actionname', 'form-subscribe1',
'actionmode', 'in',
'actionlabel', 'sales,form,blue',
'actionref', 'jb8VtnxBwnMhbq',

'actionpname', 'param1',
'actionpvalue', 'value1',

'actionpname', 'param2',
'actionpvalue', 'randomvalue',
'actionpfinite', '0'
]);
</script>

Voici des exemples de rapports alimentés par ces différents types de tags :
Type de tag
Groupe de rapports Alimentés sur Eulerian
Générique
Synthèse globale, Rapports Analytics (page, groupe de page, entonnoir, heatmap...)
Produit
Synthèse globale, Rapports performance produit, Rapports analytics
Catégorie
Rapports Analytics (Catégorie de page, groupe de page...)
Moteur de recherche
liste des requêtes moteur interne et liste des moteurs de recherche internes
Devis
Synthèse Globale, performance produits, Datamining : Liste des devis
Conversion
Synthèse Globale, performance produits, Datamining : Liste des ventes
Erreur
Rapport pages en erreur
Action
Rapport suivi de conversion et rapport action



Taxonomie


Définition : La taxonomie se réfère à la classification hiérarchique ou à l'organisation systématique d'informations ou de données en catégories et sous-catégories, souvent basées sur des relations communes ou des caractéristiques.

Exemple dans le contexte de la web analytics : Imaginons une entreprise e-commerce. Elle pourrait avoir une taxonomie pour organiser ses événements de suivi comme suit :

  • Visites du site (catégorie principale)
  • Visite de la page d'accueil
  • Visite de la page produit
  • Visite du panier
  • Actions des utilisateurs (catégorie principale)
  • Ajout au panier
  • Retrait du panier
  • Finalisation de l'achat
  • Interactions avec le contenu (catégorie principale)
  • Vue d'une vidéo promotionnelle
  • Clic sur un lien promotionnel
  • Inscription à la newsletter

Utilité : En organisant les événements de cette manière, l'entreprise peut facilement analyser et comprendre les comportements des utilisateurs dans différentes sections ou catégories d'interactions. La taxonomie facilite la segmentation des données et permet des analyses plus fines et pertinentes.


Conventions de nommage


Des conventions de nommage bien conçues garantissent des données fiables et interprétables. Voici quelques bonnes pratiques pour élaborer des conventions de nommage efficaces :


1. Définissez vos Objectifs

Avant de plonger dans le marquage, définissez clairement vos objectifs. Posez-vous les questions : Quels KPIs souhaitez-vous suivre ? Quel type de comportement utilisateur voulez-vous analyser ? Ces objectifs guideront toute votre taxonomie.


2. Adoptez une Nomenclature Cohérente

Simplicité : Utilisez des noms clairs et descriptifs. Préférez "clic_bouton_achat" à "cba".

Consistance : Soyez cohérent dans votre nomenclature. Si vous utilisez "clic_" comme préfixe pour les actions de clic, assurez-vous de l'utiliser pour tous les clics.

Sensibilité à la casse : Utilisez systématiquement des caractères minuscules pour éviter toute confusion. Une taxonomie en "Clic_Bouton" est différente de "clic_bouton" pour certains systèmes, ce qui peut entraîner des erreurs d'interprétation.

Évitez les caractères spéciaux : Ils peuvent parfois causer des problèmes d'interprétation ou de codage. Utilisez des underscores (_) plutôt que des espaces ou d'autres caractères.


3. Structurez les Catégories

Pensez à la hiérarchie des données (taxonomie) :

Catégorie : Définit le groupe global (par exemple, "videos", "boutons", "formulaires").
Action : Détaille l'action spécifique (par exemple, "play", "pause" pour la catégorie "videos").
Label : Ajoute une granularité supplémentaire, si nécessaire (par exemple, le nom de la vidéo).


4. Normalisez vos Valeurs

Assurez-vous que des événements similaires ou liés ont des valeurs normalisées. Par exemple, n'utilisez pas à la fois "inscription" et "enregistrement" pour désigner la même action.


5. Documentez Tout

Même avec une taxonomie bien conçue, sans documentation, vous risquez de perdre des informations essentielles :

Définissez chaque terme : Que signifie "clic_bouton_achat" exactement ?
Fournissez des exemples : Cela aide à clarifier l'intention et l'utilisation.
Mettez à jour régulièrement : Si la taxonomie évolue, la documentation doit suivre.


6. Prévoyez une Évolutivité

La taxonomie doit pouvoir évoluer avec le temps. Votre site ou application évoluera, de nouvelles fonctionnalités seront ajoutées, d'autres seront supprimées. Votre taxonomie doit pouvoir s'adapter facilement à ces changements.