Un document reprenant l'installation de Google Tag Manager sur WordPress / WooCommerce via un Plugin

1. « Installer Google Tag Manager sur WordPress »
AMBITIOUS DATA

2. GTM & WP | ÉTAPES
2
1. CRÉATION COMPTE GTM + CONTAINER
2. INSTALLATION PLUGIN GTM FOR WP
3. ACCÈS FTP : PLACEMENT CUSTOM CODE
4. RÉGLAGES PLUGIN & VÉRIFICATION
AMBITIOUS DATA

3. GTM & WP | ÉTAPES
3
1. CRÉATION COMPTE GTM + CONTAINER
AMBITIOUS DATA
1. RDV sur h-ps://tagmanager.google.com
2. Choisir un nom de compte (ex : AmbiAousData) : (cf. Slide 5)
3. Choisir un nom de container (ex : AD) & une uAlisaAon (ex : ici Web car il s‘agit d‘un site internet, si
appli iOS ou Android) : (cf. Slide 5)
4. Valider les condiAons d‘uAlisaAon de GTM
5. Cliquer sur OK lorsque le code de GTM s‘affiche
6. Sur l‘espace de travail, copier votre idenAfiant GTM (cf. Slide 6)

4. GTM & WP | ÉTAPES
4
AMBITIOUS DATA
Nom de compte
Nom de container
UQlisaQon de container

5. GTM & WP | ÉTAPES
5
AMBITIOUS DATA
IdenQfiant GTM

6. GTM & WP | ÉTAPES
6
2. INSTALLATION PLUGIN GTM FOR WP
AMBITIOUS DATA
1. Sur le BackOffice WP, cliquer sur Extensions / Ajouter
2. Telecharger le Plugin de DuracellTomi's Google Tag Manager for WordPress OU Telecharger directement sur
h-ps://fr.wordpress.org/plugins/duracelltomi-google-tag-manager/ et installaAon via Extensions installés
3. Installer et acAver
4. Dans BackOffice / Réglages / Google Tag Manager
5. Sur Onglet général
1. Entrer votre Google Manager Tag ID (à récupérer sur le container crée en étape 1 de
h-ps://tagmanager.google.com)
2. Et dans “Container code placement”, cliquer sur Custom
3. Enregistrer les modificaAons
6. Copier le code disponible sous la liste à puces : <?php if ( funcAon_exists( 'gtm4wp_the_gtm_tag' ) )
{ gtm4wp_the_gtm_tag(); } ?>

7. GTM & WP | ÉTAPES
7
AMBITIOUS DATA
Plugin
Coller l’idenQfiant GTM
Choisir Custom
Copier le code
Enregistrer

8. GTM & WP | ÉTAPES
8
3. ACCÈS FTP : PLACEMENT CUSTOM CODE
AMBITIOUS DATA
1. Rendez-vous sur votre FTP. Si vous ne l’avez pas, téléchargez l’applicaAon Filezilla sur h-ps://filezilla-project.org/
2. Ouvrir l’applicaAon, remplir les champs en haut pour ouvrir l’accès.
è Guide complet pour l’accès chez OVH via h-ps://docs.ovh.com/fr/fr/web/hosAng/mutualise-guide-uAlisaAon-filezilla/
1. Hôte : Chez OVH par exemple, dans hébergement / FTP. Vous trouverez le nom du serveur FTP (exemple : qp.votresite.fr)
2. IdenAfiant : Procédure idenAque, même onglet il s’agit du « Login », créer si ce n’est pas fait
3. Mot de passe : Procédure idenAque, vous pouvez le changer en cliquant sur le logo « stylo »
3. Dans la parAe tout en bas à droite (cf screenshot), cliquer sur les dossiers
1. www / wp-content / themes / (nom_de_votre_theme) / header.php
2. Clic droit sur header.php è Telecharger
3. Ouvrir le fichier une fois téléchargé avec un éditeur de texte (J’uAlise personnellement sur Mac Sublime Text
h-ps://www.sublimetext.com/)
4. Et dans le fichier header.php, sous la balise body, coller le code de l’étape 2 (Rappel : disponible sur le plugin GTM du
backoffice) è <?php if ( funcAon_exists( 'gtm4wp_the_gtm_tag' ) ) { gtm4wp_the_gtm_tag(); } ?>
5. Enregistrer le fichier
6. Et le faire glisser dans le même dossier et cliquer sur remplacer afin que le nouveau fichier avec le code soit pris en compte

9. GTM & WP | ÉTAPES
9
AMBITIOUS DATA
Hôte
IdenQfiant Mot de Passe
Chemin pour récupérer
le header.php

10. GTM & WP | ÉTAPES
10
AMBITIOUS DATA
Balise Body
- Coller le code sous la balise Body (code disponible dans General du
plugin GTM en choisissant bien « Custom »)
- Enregistrer le fichier et faire glisser sur le dossier du FTP en cliquant
bien sur remplacer

11. GTM & WP | ÉTAPES
11
4. RÉGLAGES PLUGIN
AMBITIOUS DATA
1. BackOffice / Plugin GTM
2. Onglet IntégraAon / WooCommerce / Cliquer sur « Track enhanced e-commerce »
3. Enregistrer les modificaAons
4. Et voilà, Compte GTM paramétré, Plugin WP et Fichier header.php mise à jour sur le FTP !
5. RDV sur le SlideShare ou sur YouTube pour le prochain tutoriel concernant : « La mise en place
du suivi du commerce électronique via GTM sur WordPress / WooCommerce »
NB : Il s’agit d’un premier tutoriel sur l’installaAon, aucune données n’est donc pour l’instant trackée.
Ce sera l’objet des prochaines vidéos.