French Training on Data Collection and Dashboarding

1. MOBILE ANALYTICS
PLAN DE MARQUAGE ET OPTIMISATION CRO

2. Alexandre Cazaurang
Fiche de poste :
- Product Manager pour AT Internet
- Intervenant du module CRO de l’ESCEN
Présentation personnelle
MOBILE
ANALYTICS
–
ESCEN
2020
[CELLRANGE]
[CELLRANGE]
2012
2013
2014
2015
Ecoles Alternances
Parcours universitaire
Sage
Dolist.net
Wineandco.com
35%
35%
20%
10%
Passionné du Web
Big Data Web Dev
SEO E-mailing
3 ans
Consultant
AT Internet

3. Tour à tour répondez aux questions suivantes :
- Qui êtes vous ?
- Pour qui travaillez-vous ?
- Quelle est votre fiche de poste actuelle ?
- Vous faîtes quoi en 2019 ?
Présentation personnelle
MOBILE
ANALYTICS
–
ESCEN
2020

4. 1. Quelques chiffres
2. Qu’est-ce que le mobile ?
3. Quelles technologies?
4. Qu’est-ce-que l'Analytics?
5. Qu’est-ce-qu’un plan de marquage?
6. Atelier plan de marquage
Programme
MOBILE
ANALYTICS
–
ESCEN
2020

5. 1. Quelques chiffres
2. Qu’est-ce que le mobile ?
3. Quelles technologies?
4. Qu’est-ce-que l'Analytics?
5. Qu’est-ce-qu’un plan de marquage?
6. Atelier plan de marquage
Programme
MOBILE
ANALYTICS
–
ESCEN
2020
MOBILE ANALYTICS
QUELQUES CHIFFRES

6. Quelques chiffres
MOBILE
ANALYTICS
–
ESCEN
2020
We b t r a f f i c i s
m o b i l e
52.2%
A v e r a g e t i m e o n
a p p s
2h15
To b u i l d a n o p i n i o n
o n a s i t e o n m o b i l e
50ms
A p p s u s e d p e r
m o n t h | d a y
30|10

7. Quelques chiffres
MOBILE
ANALYTICS
–
ESCEN
2020

8. MOBILE ANALYTICS
QU’EST-CE QUE LE MOBILE ?

9. Qu’est-ce-que le mobile ?
MOBILE
ANALYTICS
–
ESCEN
2020
La téléphonie mobile, ou téléphonie cellulaire est
un moyen de télécommunication, plus précisément
de radiocommunication, par téléphone mobile.
2007

10. Qu’est-ce-que le mobile ?
MOBILE
ANALYTICS
–
ESCEN
2020
D e s k t o p S m a r t p h o n e
Ta b l e t
We a r a b l e s
MOBILE
CHECKER

11. Qu’est-ce-que le mobile ?
MOBILE
ANALYTICS
–
ESCEN
2020
D e s k t o p S m a r t p h o n e
Ta b l e t
We a r a b l e s
MOBILE
CHECKER

12. MOBILE ANALYTICS
QUELLES TECHNOLOGIES ?

13. Différents types de contenants
Quelles technologies ?
MOBILE
ANALYTICS
–
ESCEN
2020
Site responsive
Site mobile
Site classique
Progressive Web App Accelerated Mobile Page

14. Quelles technologies ?
MOBILE
ANALYTICS
–
ESCEN
2020
S m a r t p h o n e
Ta b l e t
…
NAVIGATEUR
OS

15. MOBILE ANALYTICS
QUELLES TECHNOLOGIES ?

16. Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
L’analyse des données (aussi appelée analyse exploratoire
des données ou AED) est une famille de méthodes
statistiques dont les principales caractéristiques sont
d'être multidimensionnelles et descriptives.
POUR FAIRE SIMPLE
« L’analytics dans le domaine digital représente la mise en place et l’étude
des statistiques d’utilisation des sites web et apps. »

17. On distingue 2 grandes méthodes de mesure
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
L o g A n a l y t i c s We b A n a l y t i c s

18. On en fait ensuite une analyse à travers des solutions dédiées :
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
R a p p o r t s P r é c o n s t r u i t s A n a l y s e s E x p l o r a t o i r e s M o d è l e s d e D a t a - S c i e n c e

19. Le fonctionnement de la collecte des données d’une solution Analytics c’est :
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
A p p
S i t e w e b
HIT

20. Pour générer un hit on s’appuie sur un ensemble de méthodes : c’est le marquage.
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
S i t e w e b
A p p
Java C# Swift
Javascript

21. Les méthodes de marquage doivent être implémentées dans le code source.
Elles sont généralement constituées de 2 éléments :
Pour faciliter l’implémentation de ces outils on utilise parfois des TMS.
Exemples de Tag Management System :
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
Consignes de marquage
Fichier source

22. Tout ça pour mesurer quoi ?
Il y a différents besoins mais tous se regroupent autours de 3 grandes catégories de KPIs.
Les Visiteurs (Visiteurs uniques, ou Visiteurs identifiés)
Les Visites
Les Evénements :
- Chargements de Pages
- Clics de Navigation
- Clics d’Action
- Clics de Sortie
- Clics de Campagnes
- Impressions de Campagnes
- Lectures de contenus Audio / Vidéo
- Ventes
…
Tout cela résumé en métriques (éléments quantitatifs) et en dimensions (éléments qualitatifs).
« La vidéo replay::jpp::le-meilleur-marché-de-noël-2018 a eu 217 645 lectures ce mois-ci. »
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
KPI
Key
Performance
Indicators

23. Mais pour que les analyses soient interprétables, il faut que les valeurs renseignées dans les consignes de marquage
répondent aux attentes des analyses. Il est donc important de comprendre la valeur du hit généré pour s’assurer du bon
marquage.
Etudions un hit AT Internet:
Quelques paramètres :
- http://logc1.xiti.com/hit.xiti : serveur de collecte
- s=79573 : numéro de site de niveau 1
- &s2=11 : numéro de site de niveau 2
- &p=home::index::homepage : nom de page
- &stc={'device':'desktop','gsoi':{'page_type':'topic','editor':'SO','topic':{'path':'so:www:home:index','title':'a-la-une','type':'home-
index','tags':['home-
topic','index'],'xtpage':'home::index::homepage'},'adblock':'1','user':{'uuid':'so.800737034.1528653404','idsso':'','status':'0','type':‘’}}}
: variables globales
- &ref= : referrer (page précédent la page initiant le hit)
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
http://logc1.xiti.com/hit.xiti?s=79573&s2=11&p=home::index::homepage&tag=[home-topic]|[index-
topic]&ac=&an=null&mc=&np=&stc={'device':'desktop','gsoi':{'page_type':'topic','editor':'SO','topic':{'path':'so:www:home:index','title':'a-la-une','type':'home-
index','tags':['home-
topic','index'],'xtpage':'home::index::homepage'},'adblock':'1','user':{'uuid':'so.800737034.1528653404','idsso':'','status':'0','type':''}}}&lng=fr&idp=215224517868
&jv=0&re=1011x637&vtag=4.6.2-3.3.1&hl=21x52x24&r=1366x768x24x24&rn=1506887544645&ref=

24. Toutes les solutions ont le même fonctionnement, mais pas les mêmes paramètres, calculs et analyses.
Google Analytics : gtm
http://www.google-
analytics.com/r/collect?v=1&_v=j63&aip=1&a=1989371810&t=pageview&_s=1&dl=http%3A%2F%2Fwww.sudouest.fr%2F&ul
=fr&de=UTF-8&dt=A%20la%20une%20-%20Sud%20Ouest.fr&sd=24-
bit&sr=1366x768&vp=1011x637&je=0&_u=SCCAAEAjY~&jid=1251587569&gjid=2074395592&cid=1132660519.1503567539
&uid=null&tid=UA-1942951-6&_gid=41695065.1506887524&_r=1&gtm=GTM-NG4RXS&z=236301372
Adobe Analytics : il faut connaître le sous-domaine
https://sstats.voyages-sncf.com/b/ss/voyagessncfcomprod/1/JS-
1.8.0/s66903104887707?AQB=1&ndh=1&pf=1&t=1%2F9%2F2017%2022%3A1%3A47%200%20-
120&mid=70879172037813176590044890773278884594&aamlh=6&ce=UTF-
8&ns=voyagessncf&cl=33696000&pageName=undefined&g=https%3A%2F%2Fwww.voyages-
sncf.com%2F&r=https%3A%2F%2Fwww.google.fr%2F&cc=EUR&ch=undefined&pageType=undefined&c1=undefined&c2=unde
fined&c3=undefined&c30=https%3A%2F%2Fwww.voyages-
sncf.com%2F&c43=AdBlock&pe=lnk_o&pev2=AdBlock&s=1366x768&c=24&j=1.6&v=N&k=Y&bw=1011&bh=637&AQE=1
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020

25. Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020

26. Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020
1st
PART
Le First-party cookie (ou cookie interne) est un cookie associé
au nom de domaine de la page sur laquelle est placé le code du
marqueur servant à auditer un site.
Le third-party cookie (ou cookie tiers) est un cookie associé à
un nom de domaine différent de celui qui héberge la page où est
implémenté le cookie.
3rd
PART
Durée de vie maximum : 13 mois
Information
Consentement
Opt-Out

27. Le marquage d’un environnement évolue en plusieurs étapes:
1. Le marquage initial
2. Le marquage continu (train de maintenance)
3. Le marquage des nouveaux contenus
4. Refonte complète de l’environnement = refonte du marquage
A chacune de ses étapes il est important de communiquer un plan
de marquage aux équipes chargées de l’implémentation des
méthodes et marqueurs dans le périmètre concerné.
Une fois le marquage implémenté, il sera alors crucial de procéder
à ce qu’on appelle la recette. La recette c’est la vérification que le
périmètre génère bien les hits attendus au bon moment.
Pour un site web on peut utiliser un outil comme Tag Inspector
Qu’est-ce-que l’Analytics ?
MOBILE
ANALYTICS
–
ESCEN
2020

28. MOBILE ANALYTICS
QU’EST-CE-QU’UN PLAN DE MARQUAGE ?

29. Définition du plan de marquage :
Le plan de marquage est un document qui répertorie les différents contenus et les interactions que l’on souhaite
mesurer grâce au marquage analytics.
Principes généraux :
Il doit respecter une uniformité globale pour que les données restituées soient compréhensibles facilement.
Il doit être explicite sur l’ensemble des méthodes de marquages que l’on souhaite utiliser.
Il doit être conservé en guise de référence lors des recettes.
Quel support utiliser pour réaliser le document ?
Il n’y a pas de consigne absolue sur ce point mais pour une plus simple exploitation deux options s’offrent à vous:
- Un tableau Excel listant la structure du contenu et les valeurs attendues.
- Un document Powerpoint reprenant les consignes générales et les écrans types.
Qu’est-ce-qu’un plan de marquage ?
MOBILE
ANALYTICS
–
ESCEN
2020

30. Aujourd’hui les plans de marquages peuvent également
s’automatiser grâce à divers outils :
1. Un outil dédié comme attractor.ai qui va automatiser
les références entre divers plans de marquage.
2. Une automatisation des valeurs récupérées:
Dans un document texte on précise les règles d’alimentation
des variables utilisées dans les méthodes de marquage.
En parallèle on réalise une règle automatique qui vient
récupérer des variables dans le code.
Exemple :
Les équipes SEO imposent la structure de site
https://www.site.com/a/aa/aaa/page.
Je peux écrire une règle javascript pour récupérer les valeurs
des URLs et les adapter pour le marquage du site.
&p=a::aa::aaa::page.
Qu’est-ce-qu’un plan de marquage ?
MOBILE
ANALYTICS
–
ESCEN
2020

31. MOBILE ANALYTICS
ATELIER PLAN DE MARQUAGE ?

32. Cas d’application:
En binôme, réalisez le plan de marquage de l’application de votre choix.
Vous devez utiliser la solution AT Internet pour réaliser le marquage.
Vous pouvez le réaliser sur Excel ou Powerpoint.
Vous devez préciser à minima :
- Une présentation de l’application
- Les écrans (noms ou visuels) concernés
- Les interactions que vous souhaitez
mesurer sur ces écrans
- La méthode de marquage utilisée en
vous aidant du site
developers.atinternet-solutions.com
Restitution à 16h45 à l’adresse
alexandre.cazaurang@gmail.com
Atelier
MOBILE
ANALYTICS
–
ESCEN
2020