Découvrez les étapes pas à pas pour créer un compte Google Tag Manager, installer le container sur votre site (Wordpress, Prestashop ou autres) et enfin installer le code de suivi Google Analytics sur toutes les pages de votre site par le biais de GTM.
Transcription :
Rendez vous à l’adresse : https://tagmanager.google.com/.
Renseignez le nom de votre entreprise, partagez (ou non) les données de manière anonyme avec Google. Donnez un nom à votre container (le nom de votre site) et cliquez sur le bouton Web, puis le bouton Créer. Acceptez les CGV. Bravo, vous avez créer votre compte Google Tag Manager.
Il s'agit ensuite d'installer le container sur votre site. Si vous passez par un CMS de type Wordpress, Prestashop, Drupal, Joomla ou Magento, c'est facile, il y a des entensions pour vous faciliter la tâche.
Dans le cadre de cette présentation, nous verrons spécifiquement étape par étape la mise en place sur Wordpress et Prestashop. Nous vous proposerons les extensions/modules qui nous semblent les meilleures afin d'intaller Google Tag Manager sur votre site web.
Enfin, nous vous montrerons pas à pas comment mettre en place le suivi Google Analytics sur toutes vos pages en créant la balise Universal Analytics et en lui attribuant un déclencheur de type "toutes les pages". Nous vérifierons que cela fonctionne grâce à la console de débuggage GTM puis nous publierons le container.
Introduction à l’analyse de site web avec Google Analytics - 2016
Installer Google Analytics avec Google Tag Manager
1. Bruno Guyot
Head of Digital Marketing
FirstPoint Sàrl – Lausanne
Bruno-guyot.com
Firstpoint.ch
Octobre 2016
Installer Google Analytics
avec Google Tag Manager
3. Paramétrer GTM
• Créer un compte
• Créer son 1er container
• Installer le code sur son site Wordpress
• Installer le code sur son site Prestashop
• Installer le code sur un autre type de site
4. Créer un compte Google Tag
ManagerCréer un compte Google Tag Manager
La 1ère étape est de créer le compte.
Idéalement à votre nom ou celui de
votre entreprise.
Notez que vous pouvez avoir
plusieurs containers dans un seul
compte.
5. Créer un compte Google Tag
ManagerCréer son 1er container Google Tag Manager
Vous créez ensuite le container pour
votre site web.
Un container pour un site web.
Si vous avez un autre site par
exemple, vous pourrez créer un autre
container dédié.
6. Créer un compte Google Tag
ManagerCréer son 1er container Google Tag Manager
Après avoir accepté les conditions
d’utilisation, vous obtenez le code de
votre container.
Il faut maintenant l’installer sur votre
site.
7. Créer un compte Google Tag
ManagerCréer son 1er container Google Tag Manager
Vous noterez au passage votre ID de
container Google Tag Manager.
Vous pouvez retrouver cet ID à tout
moment dans l’interface GTM en
haut à droite de votre écran.
8. Créer un compte Google Tag
ManagerInstaller le code sur votre site Wordpress
Si vous êtes sur Wordpress, je vous
recommande d’installer GTM avec
l’extension DuracellTomi’s Google Tag
Manager for Wordpress.
Vous téléchargez et installez
l’extension, puis renseignez votre ID
de compte GTM dans la case Google
Tag Manager ID. Choisissez ensuite le
placement Custom.
9. Créer un compte Google Tag
ManagerInstaller le code sur votre site Wordpress
En custom, vous devrez modifier le
fichier header.php afin d’y intégrer
l’extrait de code indiqué.
C’est relativement simple mais si
vous souhaitez être guidé pas à pas,
consultez l’article suivant :
http://www.chablais-web.fr/google-
tag-manager-v2-le-guide-
francophone-le-plus-complet-partie-
3.php
10. Créer un compte Google Tag
ManagerInstaller le code sur votre site Prestashop
Si vous êtes sur Prestashop, je vous
recommande d’installer GTM avec le
module Google Tag Manager -
Gestionnaire de Balises.
Vous l’achetez, le téléchargez et
l’installez, puis renseignez votre ID de
compte GTM dans la case Google Tag
Manager ID.
11. Créer un compte Google Tag
ManagerInstaller le code sur votre site Prestashop
Vous devrez ensuite faire une petite
modification au fichier header.tpl de
votre thème pour y inclure l’extrait
de code donné dans la configuration
du module.
C’est relativement simple mais si
vous souhaitez être guidé pas à pas,
consultez l’article suivant :
http://www.chablais-web.fr/google-
tag-manager-ecommerce-
prestashop.php
12. Créer un compte Google Tag
ManagerInstaller le code sur votre site non wordpress et non Prestashop
Si vous avez un autre CMS que
Wordpress ou Prestashop, le concept
reste le même. Trouvez l’extension
adéquate.
Et si vous êtes sur une plateforme
Saas ou sur un site custom, il vous
faudra rentrer par FTP dans le fichier
header et insérer manuellement le
code donné par GTM lors de la
création du container.
13. Installer Google Analytics
• Créer la balise de suivi Google Analytics
• L’insérer sur toutes les pages
• Vérifier l’implémentation
• Supprimer l’ancien suivi
14. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
1. Cliquez sur Balises
2. Cliquez sur le bouton « Nouvelle »
3. Cliquez ensuite sur le cadre
configuration de la balise
15. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
1. Cliquez sur Balises
2. Cliquez sur le bouton « Nouvelle »
3. Cliquez sur le petit crayon dans le cadre
configuration de la balise
4. Donnez-lui un titre. Exemple : GA – Suivi de base
5. Choisissez la 1ère balise de la liste (Universal)
16. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
6. Renseignez votre ID Google
Analytics (type UA-XXXXXX)
7. Cliquez ensuite sur le cadre
déclenchement
17. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
8. Cliquez sur All Pages
9. Enregistrez
18. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
10. Cliquez sur la flèche en haut à
droite pour dérouler le menu.
11. Cliquez sur Prévisualiser
Cette étape va nous aider à vérifier
que la balise Google Analytics se
déclenche comme elle se doit sur
toutes les pages.
19. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
12. Vous êtes désormais en mode
prévisualisation. Renseignez l’url de
votre site dans un nouvel onglet.
De là, une fenêtre s’ouvre en sur-
impression. Si vous avez suivi les
étapes correctement, vous devez voir
qu’à chaque page, votre balise
Google Analytics est déclenchée.
20. Créer un compte Google Tag
ManagerCréer la balise de suivi Google Analytics
13. Retournez dans GTM et publiez.
14. Si vous aviez déjà un suivi Google
Analytics installé sur votre site sans
GTM, pensez bien à l’enlever !!
21. Aller plus loin
• Utilisations avancées du Tag Manager
• Formation
• Taggage de votre site
22. Créer un compte Google Tag
ManagerUtilisations avancées du Tag Manager
Google Tag Manager permet d’aller très très loin au niveau de ce qui peut être suivi
et/ou extrait sur un site web ou une application mobile. Quelques exemples :
• Remontée dynamique d’éléments nécessaires au remarketing dynamique sur
Facebook et Google
• Mise en place de tracking avancés : clics sur les liens externes, vues de vidéo,
téléchargement de brochures, suivi de conversations tchat, etc…
• Mise en place dynamique d’éléments dans vos pages : balise canonical, Schema
markup par le biais d’un Json-ld dans le header, etc…
Je rédige régulièrement des articles sur le sujet. Suivez-moi pour rester informé :
https://ch.linkedin.com/in/bruno-guyot-firstpoint
https://twitter.com/ChablaisWeb
23. Créer un compte Google Tag
ManagerFormation
Je dispense des formations de
niveau débutant à avancé sur
Google Tag Manager.
Sur place (dans vos locaux) ou à
distance (session skype +
teamviewer).
24. Créer un compte Google Tag
ManagerTaggage de votre site
Vous savez que Google Tag
Manager est l’outil qu’il vous faut
sur votre site mais vous n’avez pas
envie ou pas le temps de le faire
vous-même ?
Je m’en occupe pour vous
25. Merci pour votre intérêt
Vous avez appris des choses? Partagez !