Les tags Eulerian classiques

Prérequis techniques

Chargement de la librairie javascript générique

Pour installer le tag Standard, copiez le code suivant et collez-le juste après l'ouverture de la balise HTML <head> sur toutes les pages de votre site Internet. Remplacer mon.domainedetracking.com par le  sous-domaine de collecte⁠  via lequel vous souhaitez envoyer votre donnée.

Installation classique

<script>
(function(e,a){var i=e.length,y=5381,k='script',s=window,v=document,o=v.createElement(k);for(;i;){i-=1;y=(y*33)^e.charCodeAt(i)}y='_EA_'+(y>>>=0);(function(e,a,s,y){s[a]=s[a]||function(){(s[y]=s[y]||[]).push(arguments);s[y].eah=e;};}(e,a,s,y));i=new Date/1E7|0;o.ea=y;y=i%26;o.async=1;o.src='//'+e+'/'+String.fromCharCode(97+y,122-y,65+y)+(i%1E3)+'.js?2';s=v.getElementsByTagName(k)[0];s.parentNode.insertBefore(o,s);})('TRACKING_DOMAIN','EA_push');
</script>
Ce tag est totalement asynchrone. Une fois interprété par le navigateur, la fonction passée en argument (ici par défaut 'EA_push') vous permet de déclencher la collecte.

Types de tags Eulerian

Vue d’ensemble (quoi / quand / pourquoi)
Tag
Quand le déclencher
Objectif
Générique
Sur la majorité des pages
Mesurer la navigation (pages, groupes, funnels, etc.)
Produit
Fiche produit
Mesurer les vues produit + données produit
Catégorie / Listing
Page avec une liste de produits
Mesurer la consultation de listings
Recherche interne
Page de résultats
Remonter requêtes + résultats
Lead / Devis
Action “engageante” validée
Mesurer conversions secondaires
Panier
Page panier et/ou ajout au panier
Mesurer paniers et abandons + contenu panier
Conversion (Achat)
Thank you / confirmation paiement
Mesurer conversion principale + détails commande
Erreur
Page 404 (ou erreur)
Suivre pages en erreur
Action / Événement
Clic, submit, interaction
Suivi avancé (événements)
sauf cas spécifique, un seul tag “page” doit se déclencher par page.
Par exemple, sur une fiche produit, si le tag Produit est présent, le tag Générique ne doit pas se déclencher (et inversement).

Privilégiez toujours le tag le plus spécifique, afin de remonter les informations les plus pertinentes pour la page concernée.

Vos tags peuvent être gérés manuellement ou via notre interface de création des Tags.
Nous vous conseillons la deuxième option, que vous retrouverez en allant à Gérer mes tags site-centric dans votre interface Eulerian.
Cette interface de gestion des Tags permet d'avoir une référence unique fournie à chaque Tag et un suivi statistique par tag:
une traçabilité des tags déployés
les capacités d'un tag spécifique
les appels subséquents générés par tag - TMS ou S2S

Tag Générique

Ce tag permet de comptabiliser la quasi-totalité des pages de votre site.
Exemple de tag générique
/* Exemple de Tag Générique */
<script>
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

Il doit se declencher sur 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
  • identifie les utilisateurs qui ont visité cette page.
Exemple de tag Produit
/* 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.
Exemple de tag Categorie
/* 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
/* 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

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 de Lead
/* 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

Ce tag doit etre 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
  • Permet faire des audiences sur des comportements liés au panier.
Exemple de tag 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 toute 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 de Confirmation
/* 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éré 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
/* Exemple de Tag Erreur */
<script type="text/javascript"> 

var EA_datalayer = [ 
"error","1"
]; 

EA_push(EA_datalayer) ; 
</script>


Tag action et Suivi de conversion

Ce tag permet de remonter des interactions ponctuelles qui ne correspondent pas à une page spécifique (clic sur un bouton, soumission d’un formulaire, téléchargement, ouverture d’un module, ajout/suppression d’un élément, etc.).Il est généralement déclenché au moment de l’action (sur clic ou sur validation), et complète les tags “page” (Générique / Produit / Catégorie…) ainsi que les tags Panier / Conversion.Il peut inclure des paramètres additionnels (labels, contexte, valeurs) afin de qualifier précisément l’événement et d’alimenter les rapports de suivi d’actions et de conversion.
Exemple te tag Action
/* Exemple de Tag Action */
<script type="text/javascript">
var EA_datalayer= [

"actionname", "form-subscribe1",

"actionmode", "in",
"actionlabel", "sales,form,blue",
"actionpname", "param1",
"actionref", "jb8VtnxBwnMhbq",

"actionpname", "param2",
"actionpvalue", "value1",

"actionpvalue", "randomvalue",
"actionpfinite", "0"
];

EA_push('action',EA_datalayer);
</script>


Les rapports alimentés par les 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

Exemples de personnalisation

Personnalisation info des pages

Les pages vues par vos utilisateurs remontent automatiquement à chaque déclenchement de la fonction “EA_push”. Si un utilisateur consulte une nouvelle page, la page est automatiquement créée dans les reportings sur Eulerian.
Vous pouvez ajouter 3 paramètres natifs additionnels dans le tag EA_push() pour personnaliser les informations associées à votre page.
Nom
Requis
Valeur Par Défaut
Description
Valeur attendue
path
Non
location.pathname
Le chemin de la page active.
/chemin/vers/ma/page
pagegroup
Non
aucun
Le nom du groupe auquel la page appartient.Note: La page est présente dans un seul groupe de page
fiche_produit
pagelabel
Non
aucun
Vous avez 5 labels à votre disposition que vous pouvez ajouter à chaque page. Vous pouvez utiliser ces labels pour mieux classer vos pages et procéder à des regroupements multiples. Les labels sont fournis dans une chaine de caractére et sont séparés par une virgule.
pagelabel=value-label1,value-label2,value-label3,value-label4,value-label5
error
Non
0
si oui ou non c'est une page 404
1
Par exemple, le code javascript ci-dessous réécrit la valeur du Page Path et l'associe à un Groupe de page fiche_produit pour segmenter sur vos reportings:
    EA_push( [
        'path', '/produit/fiche/mon_produit',
        'pagegroup', 'fiche_produit',
        'pagelabel','mon-label1,mon-label2,,,mon-label5'
    ]);

Le groupe de pages (pagegroup) peut également être configuré via le Live Tagging à l'aide d'une règle d'association automatique basée sur l'URL.


Personnalisation info internautes


Depuis mai 2018, le RGPD vous impose de chiffrer les données personnelles de vos utilisateurs. Nous vous recommandons d'utiliser l'algorithme de chiffrement SHA256 qui est conforme aux standards de sécurité actuels et rapide à implémenter.
Envoyez le paramètre UID dans vos appels collector pour regrouper les différents appareils d'un même visiteur. Ce regroupement vous permet de :
  • Mieux reconnaitre les appareils de vos visiteurs (par exemple suite à la suppression du cookie Eulerian)
  • Bâtir un profil utilisateur, autour duquel consolider la donnée peu importe sa source (publicitiare, CRM, navigation sur le site)
  • Faire de l'attribution multi-devices, en réconciliant les historiques entrants de chaque appareil d'un même utilisateur
  • Mettre en place des flux d'import de données, en se servant de l'UID comme clef pivot
Nom
Requis
Valeur Par Défaut
Description
Valeur attendue
uid
Non
non renseigné
Identifiant Unique Utilisateur
identifiant CRM, adresse email, autre

Par exemple, cet appel, en plus de remonter une Page Vue, va associer l'appareil actif à un utilisateur A123FE et lui associer une adresse email. Si cet utilisateur n'était pas connu d'Eulerian, il sera créé en base:
    EA_push( [
        'uid', 'A123FE',
        'email', '18ee24150dcb1d96752a4d6dd0f20dfd8ba8c38527e40aa8509b7adecf78f9c6'
    ]);

L'UID doit être unique par internaute. Vous ne devez pas utiliser un ID de session ou un ID volatile.



Recueillez les identifiants CRM pour créer des audiences de ciblage

Ajoutez des informations CRM “Identifiants” (numéro de téléphone, email ou mobile device id) pour améliorer le reach de vos audiences de ciblage publicitaire. Utilisez ces paramètres additionnels pour compléter le profil de vos utilisateurs:
Nom
Requis
Valeur Par Défaut
Description
Valeur attendue
email
Non
non renseigné
Adresse email de l'utilisateurrequis: chiffrement de la valeur en SHA256
18ee24150dcb1d96752a4d6dd0f20dfd8ba8c38527e40aa8509b7adecf78f9c6
phone
Non
non renseigné
N° téléphone de l'utilisateurrequis: chiffrement de la valeur en SHA256
14b2ccfd06aaefc467af3de4b4cad68fe3ffb3de99f9bc04b8a9ffcd95da97b0
id android
Non
non renseigné
id android
14b2ccfd06aaefc467af3de4b4cad68fe3ffb3de99f9bc04b8a9ffcd95da97b0
id ios
Non
non renseigné
id ios
14b2ccfd06aaefc467af3de4b4cad68fe3ffb3de99f9bc04b8a9ffcd95da97b0

Par exemple, cet appel en plus de remonter une Page Vue, va associer une adresse email et un numéro de téléphone à l'appareil actif. Si l'UID de cet appareil est déjà connu, ces identifiants CRM sont associés au profil de l'utilisateur et sont disponibles pour tous ses appareils:
    EA_push( [
        'email', '18ee24150dcb1d96752a4d6dd0f20dfd8ba8c38527e40aa8509b7adecf78f9c6',
        'phone', '14b2ccfd06aaefc467af3de4b4cad68fe3ffb3de99f9bc04b8a9ffcd95da97b0'
    ]);



Qualifier vos utilisateurs: Context-Flag

Vous pouvez bâtir des audiences qualifiées en fonction des contenus consultés par vos visiteurs. Le context-flag est un attribut personnalisable qui vous permet de remonter une ou plusieurs informations contextuelles associées au parcours de l'utilisateur. Ces informations peuvent par exemple être utilisées pour évaluer les centres d'intérêts de vos visiteurs.
Nom
Requis
Valeur Par Défaut
Description
Valeur attendue
cflag-key
Non
non renseigné
Nom du context-flag
thematique
cflag-val
Non
non renseigné
Valeurs du context-flag
['politique','politique_internationale']

Par exemple:
    EA_push( [
        'cflag-key', 'centre-interet',
        'cflag-val', ['politique','politique_internationale']
    ]);



Qualifier vos utilisateurs: Paramètres CRM

Les paramètres CRM <param CRM> permettent d'ajouter des informations additionnelles au profil d'un visiteur en train de consulter votre site Web. Par exemple, sa catégorie d'âge ou son pays de résidence. Si un UID existe, ces informations sont ensuite propagées sur l'ensemble des appareils associés à cet utilisateur.

Attention, ces paramètres doivent être déclarés dans l'interface pour remonter en reporting.  En savoir plus sur l'utilisation des paramètres CRM 
    EA_push( [
        'categorie-age', '18-25', // Paramètre CRM.
    ]);
    
Nom
Requis
Valeur Par Défaut
Description
Valeur attendue
<param crm>
Non
non renseigné
Information additionnelle associée au profil d'un visiteur
18-25