15 astuces pour gtm - measurecamp paris 2017

43
Les 15 Meilleures Astuces Sur Google Tag Manager (La 7ème Va Vous Étonner) De niveau débutant à ninja Aristide Riou | @aristweet Measure Camp Paris IV 24 juin 2017

Upload: aristideriou

Post on 22-Jan-2018

661 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: 15 astuces pour GTM - MeasureCamp Paris 2017

Les 15 Meilleures Astuces Sur Google Tag Manager

(La 7ème Va Vous Étonner)

De niveau débutant à ninja

Aristide Riou | @aristweet

Measure Camp Paris IV24 juin 2017

Page 2: 15 astuces pour GTM - MeasureCamp Paris 2017

Un deck, c’est bien, un post de blog, c’est mieux

Si vous voulez lire une version détaillée de ces astuces, j’ai écrit un article de blog qui reprend le tout, avec des explications beaucoup plus détaillées et plein de blagues. Ca se passe par ici :

http://aristide-riou.fr/blog/google-tag-manager/measure-camp-paris-2017-les-15-astuces-pour-google-tag-manager-621?cid=002

Page 3: 15 astuces pour GTM - MeasureCamp Paris 2017

De quoi on va se parler

● GTM est trop utilisé en “passe plat”● Beaucoup d’analystes ont peur de sortir des fonctionnalités

templatisées● Les dèvs sont vos amis...mais foutez-leur la paix!● Astuces de la plus facile à la plus technique● GTM web (surtout) et apps (un peu)

Page 4: 15 astuces pour GTM - MeasureCamp Paris 2017

GTM pour le web

Page 5: 15 astuces pour GTM - MeasureCamp Paris 2017

#01 : Publier un container à vide à sa création

Page 6: 15 astuces pour GTM - MeasureCamp Paris 2017

#02 : Utiliser des suffixes tags / plan de marquage

Page 7: 15 astuces pour GTM - MeasureCamp Paris 2017

#02 : Utiliser des suffixes tags / plan de marquage

Page 8: 15 astuces pour GTM - MeasureCamp Paris 2017

#03 : Utiliser intelligemment les dates d’expiration

Page 9: 15 astuces pour GTM - MeasureCamp Paris 2017

#04 : Utiliser intelligemment les workspaces

Rappel : les workspaces sont plus ou moins les équivalents des “branches” d’un projet de dèv sur Git.

Rappel : un workspace part de la dernière version actuellement publiée

Page 10: 15 astuces pour GTM - MeasureCamp Paris 2017

#04 : Utiliser intelligemment les workspaces

Idées d’utilisation des workspaces :● Fix rapide pour une publication● Travail parallèle de plusieurs agences avec releases régulières

(sprints)

Page 11: 15 astuces pour GTM - MeasureCamp Paris 2017

#05 : Utiliser un random number pour limiter le sampling

Variable « random number » de GTM : renvoie un nombre aléatoire compris entre 0 et 2 147 483 647.Ici, on a divisé par 2 (1 073 241 823), soit une chance sur 2.

Page 12: 15 astuces pour GTM - MeasureCamp Paris 2017

#06 : Utiliser une custom dimension “ID et version GTM”

Page 13: 15 astuces pour GTM - MeasureCamp Paris 2017

#06 : Utiliser une custom dimension “ID et version GTM”

Page 14: 15 astuces pour GTM - MeasureCamp Paris 2017

#06 : Utiliser une custom dimension “ID et version GTM”

Page 15: 15 astuces pour GTM - MeasureCamp Paris 2017

#07 : Utiliser une custom dimension “nom du tag”

Page 16: 15 astuces pour GTM - MeasureCamp Paris 2017

#07 : Utiliser une custom dimension “nom du tag”

Page 17: 15 astuces pour GTM - MeasureCamp Paris 2017

#08 : Utiliser des try...catch dans ses tags

Page 18: 15 astuces pour GTM - MeasureCamp Paris 2017

#08 : Utiliser des try...catch dans ses tags

Page 19: 15 astuces pour GTM - MeasureCamp Paris 2017

#08 : Utiliser des try...catch dans ses tags

Page 20: 15 astuces pour GTM - MeasureCamp Paris 2017

#09 : Protéger le tracking des campagnes internes

Page 21: 15 astuces pour GTM - MeasureCamp Paris 2017

#09 : Protéger le tracking des campagnes internes

Page 22: 15 astuces pour GTM - MeasureCamp Paris 2017

#09 : Protéger le tracking des campagnes internes

Page 23: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Source : https://developers.google.com/tag-manager/enhanced-ecommerce

Page 24: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Page 25: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Step 1 : Faire intégrer ses données produit à plat (avant le snippet…)

Page 26: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Step 2 : Mapper les variables produit

Page 27: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Step 3 : Faire un mapper e-commerce pour les différents cas

Page 28: 15 astuces pour GTM - MeasureCamp Paris 2017

#10 : Mettre ses données e-commerce à plat

Step 3 : Faire un mapper e-commerce pour les différents cas

Page 29: 15 astuces pour GTM - MeasureCamp Paris 2017

Step 5 : Envoyer son tag de page OKLM

#10 : Mettre ses données e-commerce à plat

Page 30: 15 astuces pour GTM - MeasureCamp Paris 2017

#11 : Factoriser ses triggers

Problématique : vous avez un même container GTM présent sur plusieurs sites :

● www.monsupersite.com● www.encoreunsite.com● www.untroisiemesite.com● …

...Et la liste évolue régulièrement!

Page 31: 15 astuces pour GTM - MeasureCamp Paris 2017

#11 : Factoriser ses triggers

Problème : s’il faut mettre à jour plusieurs triggers…#astuceExpress : n’utilisez JAMAIS le trigger “All Pages”

Page 32: 15 astuces pour GTM - MeasureCamp Paris 2017

#11 : Factoriser ses triggers

La solution : une variable JS (ou une lookup)

Page 33: 15 astuces pour GTM - MeasureCamp Paris 2017

GTM pour les apps

Page 34: 15 astuces pour GTM - MeasureCamp Paris 2017

#12 : Exporter et mettre à jour ses containers d’apps

Page 35: 15 astuces pour GTM - MeasureCamp Paris 2017

#13 : Avantages et inconvénients de GTM V4/V5 apps

V5 V4

Page 36: 15 astuces pour GTM - MeasureCamp Paris 2017

#13 : Avantages et inconvénients de GTM V4/V5 apps

Avantages : ● Intégration native via FB● Nouveaux tags natifs (AppsFlyer, Tune, Apsalar…)● Triggers natifs (WiP)● Nouvelles variables natives (ex : lookup <3)

Inconvénients :● Limitation du nb de lignes pour les paramètres FB (=data layer) à 25

attributs + longueur des valeurs

Page 37: 15 astuces pour GTM - MeasureCamp Paris 2017

#14 : Débugguer facilement ses apps sous Firebase

Page 38: 15 astuces pour GTM - MeasureCamp Paris 2017

#14 : Débugguer facilement ses apps sous Firebase

Page 39: 15 astuces pour GTM - MeasureCamp Paris 2017

GTM pour les gens

Page 40: 15 astuces pour GTM - MeasureCamp Paris 2017

#15 : Débuter sur GTM

JAY ÉCRI UN TUTO TRO BIEN LOLhttp://aristide-riou.fr/blog/

Page 41: 15 astuces pour GTM - MeasureCamp Paris 2017

#15,2 : D’autres idées à exploiter

● (NSFW) Utiliser le pushState pour protéger ses URLs● Optimiser ses variables JS custom● Optimisation du tracking des clics● Utilisation du beforeunload● Optimisation et placement des tags média● GTM et Google Optimize

Page 42: 15 astuces pour GTM - MeasureCamp Paris 2017

Un deck, c’est bien, un post de blog, c’est mieux

Au risque de paraître lourd, je trouve vraiment ça peu pratique de lire des slides, DONC si vous voulez lire une version détaillée de ces astuces, j’ai écrit un article de blog qui reprend le tout, avec des explications beaucoup plus détaillées et plein de blagues. Ca se passe par ici :http://aristide-riou.fr/blog/google-tag-manager/measure-camp-paris-2017-les-15-astuces-pour-google-tag-manager-621?cid=002

Page 43: 15 astuces pour GTM - MeasureCamp Paris 2017

Merci !

Aristide Riou | @aristweet