18
TOUT SAVOIR SUR LE PLAN DE MARQUAGE

Tout savoir sur le plan de marquage!

Embed Size (px)

Citation preview

TOUT SAVOIR SUR LE PLAN DE MARQUAGE

WWW.SCINETIK.COM

SOMMAIRE

1. Qu’est-ce qu’un plan de marquage ?

2. Le tag management

WWW.SCINETIK.COM

PARTIE 1Qu’est-ce qu’un plan de

marquage ?

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

PARTIE 2Le tag management

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

[email protected]

Rabi Hassane

+33 1 40 98 02 00

[email protected]