tout savoir sur le plan de marquage!
TRANSCRIPT
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?DÉFINITION D’UN PLAN DE MARQUAGE
• Référentiel destiné à l’implémentation d’un outil de webanalyse généraliste tel que AT
Internet, Weborama, Google Analytics, Omniture, etc. Le plan de taggage contient le
listing de l’ensemble des pages, zones et liens spécifiques devant être marqués par un tag
(code logiciel), et éventuellement des attributs les définissant (nom et type de
page/zone/lien, catégorie de produit, marque, atteinte d’objectif…)Source : http://www.ecommercemag.fr/Definitions-Glossaire/Plan-de-taggage-240248.htm
• Le plan de marquage doit être constitué en fonction des besoins du client
• Ce plan de marquage est crucial car il permettra de collecter toutes les données
nécessaires à l’élaboration d’analyses précises
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LE CODE DE SUIVI
• Code de suivi javascript fourni par la
solution web analytics et à déposer sur
toutes les pages du site
• Ce code de suivi va permettre de
collecter les données
• Exemples d’informations recueillies
grâce à ce code : visites, pages vues,
devices, sources de trafic, temps passé
sur le site…
Exemple de script Google Analytics
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?POURQUOI FAIRE UN PLAN DE MARQUAGE ?
• Certaines données ne sont pas récupérées automatiquement par le code de suivi.
• Exemples : commandes, les clics, la lecture d’une vidéo, le téléchargement d’un
document…
• Grâce au plan de marquage on va traquer toutes les interactions que l’internaute a sur le
site
• Le plan de marquage va donc se complexifier en fonction de la multiplication de tags
spécifiques (tracking des événements, variables personnalisées, etc…)
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LES TAGS SPÉCIFIQUES
Tag de suivi des commandes
• Tag déposé sur la page de confirmation de commande
(étape finale de la commande)
• On enregistre toutes les informations relatives à une
commande : montant total, id transaction, produits,
quantité d’articles…
<script>
ga('require', 'ecommerce', 'ecommerce.js');
ga('ecommerce:addTransaction', {
id: '98765', // Transaction ID
affiliation: '',
revenue: '89.00', // Montant total TTC de la transaction payée par le clients
shipping: '6.00' , // Frais de livraison sélectionné
tax: '5.99' }); // Montant de la TVA
ga('ecommerce:addItem', {
id: '98765', // Transaction ID
sku: 'LTAFD', // SKU/code
name: 'One Day Adult Lift Ticket', // Nom du produit
category: 'Lift Tickets', // Catégorie
price: '89.00', // Prix unitaire
quantity: '1'}); // Quantité
Il doit y avoir un élément addItem pour chaque produit du panier
ga('ecommerce:send');
</script>
Exemple tag ecommerce Google Analytics
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LES TAGS SPÉCIFIQUES
Tag événement – ex : ajout au panier
• Tag déclenché au clic sur le bouton « Add to Cart »
• On va pouvoir grâce à ce tag déterminer le taux d’ajout
au panier sur le site
• On peut rajouter des informations supplémentaires tels
que l’id produit afin de déterminer quels produits ont
été ajoutés au panier
Exemple tag événement Google Analytics
ga('send', 'event', 'addToCart', 'Clic', '[ID produit]');
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LES TAGS SPÉCIFIQUES
Tags pages vues virtuelles – ex : checkout
• Lorsque 2 pages possèdent la même URL ou qu’une
même page possède des URLs dynamiques comme on
peut souvent le voir dans les pages du tunnel de
commande, il est utile de créer des tags de pages vues
virtuelles
• Elles vont permettre de renommer les pages concernées
afin de pouvoir les distinguer
ga('send', 'pageview', '/livraison');
ga('send', 'pageview', '/paiement');
Exemples tags pages vues virtuelles Google Analytics pour les
étapes Livraison et Paiement du tunnel de commande
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LES TAGS SPÉCIFIQUES
Tags dimensions et métriques personnalisés – ex : type client
• Moyen de suivre l’activité des visiteurs en fonction de segments personnalisés
• Pour collecter le type client, on va déposer le tag sur la page de confirmation de
commande et enregistrer l’information demandée
ga('set', 'dimension3', 'Repeat customer');
Exemples tag dimension personnalisée Google Analytics
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LE DOCUMENT DE PLAN DE MARQUAGE
• Document technique à destination du développeur qui liste tous les codes à placer sur le site
• Il doit être le plus clair et le plus détaillé possible afin de faciliter le travail du développeur
• Plusieurs champs doivent apparaître dans le document :• Page : on doit indiquer au développeur la page où doit être exécuter le tag (exemple : la fiche produit)
• Type de tag : il est utile d’indiquer au développeur s’il s’agit d’un tag événement, d’une page vue ou autre
• Code : il s’agit du script que le développeur devra placer sur le site
• Règle d’exécution du tag : afin de faciliter le travail des développeurs il est primordial d’indiquer à quel moment précis doit être exécuté le
tag (ex : pour traquer le remplissage d’un formulaire, on demande au développeur de déclencher le tag uniquement si le formulaire a été validé
et non simplement au clic sur le bouton de validation)
• Variables : cette rubrique précise la valeur des variables dynamiques s’il y en a dans le script (ex : id produit, prix, mode de livraison…)
• En plus du document de plan de marquage, il est également utile d’ajouter une annexe avec des screenshots des
pages ou éléments du site où les tags doivent être placés. En effet, le travail du développeur sera d’autant plus facilité
s’il possède un complément visuel et sait exactement sur quels pages ou éléments du site il doit placer les tags
Page Type de tag Code Règle d’exécution Variables
Fiche produit event ga('send', 'event', ‘AddToCart',
'Clic', '[ID produit]');
Déclencher le tag lorsque l’internaute
ajoute un produit au panier
[ID produit] : doit
correspondre à l’ID du
produit ajouté au panier
…
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?LA RECETTE
• La recette est une étape longue et fastidieuse où l’on doit s’assurer que tous les tags
fonctionnent correctement
• Ce que je dois vérifier : le hit est-il bien déclenché ? Les informations remontées sont-
elles correctes ? Les informations remontent-elles dans l’outil web analytics
• Après identification des bugs, il faut rédiger un cahier de recette à destination du
développeur lui détaillant chaque bug
• Exemples d’outils de debugg : Console, WASP, Fiddler, Google Analytics Debugger,
DataLayer Inspector (pour GTM), DatasLayer (pour les outils de tags management)…
WWW.SCINETIK.COM
QU’EST-CE QU’UN PLAN DE MARQUAGE ?SUIVI DES TAGS
• La mise en place du plan de tag n’est pas une étape finale
• Il est important de suivre le plan de tag en fonction des évolutions du site
• Il pourra y avoir de nouveaux tags à mettre en place ou optimiser le marquage actuel
WWW.SCINETIK.COM
LE TAG MANAGEMENTQU’EST-CE QU’UN OUTIL DE TAG MANAGEMENT ?
• Gestionnaire de tags utilisé pour l’ensemble des tags
présents sur le site. Ex : web analytics (Google
Analytics) ou marketing (Adwords, retargeting…)
• Fonctionne sous la forme d’un master tag (tag
conteneur) qui va permettre de gérer tous les tags
via la plateforme de tag management
• Permet de soulager le travail des développeurs et de
donner plus de flexibilité aux équipes marketing
• Avantages : déploiement simple sur toutes les pages du site
flexibilité sur l’ajout, modification ou suppression de tags
obsolètes
Exemple tag conteneur Google Tag Manager
WWW.SCINETIK.COM
LE TAG MANAGEMENTLES DIFFÉRENTS OUTILS DU MARCHÉ
Liste des balises possibles (à date)
Exemple d’un dataLayer
• Google Tag ManagerSystème de tag management de Google
• Avantages :• Tous les tags sont centralisés sur un seul et même tag
• Déploiement simple des tags sur les pages du site défini en fonction de règles de
déclenchement
• Chargement des tags de manière asynchrone : ne ralentit pas le chargement des autres
éléments de la page
• Permet une meilleure flexibilité de gestion des tags aux équipes opérationnelles
• Possède un template de tags pour les outils Google (Google Analytics, Adwords, Google
Shopping…) mais également des outils externes (Comscore, AdAdvisor, ClickTale…)
• Facilite le transfert de la version classique Google Analytics vers la nouvelle version
Universal Analytics
• La mise en place des tags de campagne marketing est plus réactive car il n'est plus
nécessaire de passer par les développeurs, on a donc un gain de temps
• Facilite le debugg des tags : permet de vérifier le bon fonctionnement des tags grâce à sa
fonction de prévisualisation avant publication des tags
• Outil gratuit
• Forte communauté d'utilisateurs sur laquelle on peut s'appuyer
• Inconvénients :• Requiert du développement supplémentaire pour la mise en place de dataLayer
spécifiques
• Pas de réel support dédié (SAV Google Adwords peut parfois résoudre des bugs
WWW.SCINETIK.COM
LE TAG MANAGEMENTLES DIFFÉRENTS OUTILS DU MARCHÉ
• Autres solutions :
• Tag Commander• Outil de tag management payant
• Solution indépendante
• Un des leaders sur le marché
• Possède une librairie de tags pre-chargée de plus de 90 solutions
• Compatible avec la plupart des solutions du marché (affiliation, re-targeting, ad-Serving, social commerce, chat & web call back, web analytics,
monitoring de serveur, user centric, bid management, SEM, SEO, social media, Facebook, Twitter, …)
• Dynamic Tag Management (Adobe)• Fait partie de la solution Adobe Marketing Cloud (non vendu indépendamment)
• Gratuit pour les utilisateurs d’Adobe Marketing Cloud
• Compatible avec tous les tags tiers et les solutions Google Analytics, Adobe SiteCatalyst, and Adobe Test & Target
• Tealium, Eulerian, TagMan, BrigthTag, Ensighten…
WWW.SCINETIK.COM
SI VOUS AVEZ DES QUESTIONS
N’HÉSITEZ PAS À NOUS
CONTACTER
Stephie Wanani
+33 1 40 98 02 00
Rabi Hassane
+33 1 40 98 02 00