Google Gestionnaire de balises
Sur cette page
Considérations relatives à l’utilisation de Google Tag Manager
Pour utiliser Google Tag Manager avec votre boutique en ligne Shopify Plus, procédez comme suit :
- Accédez au fichier
checkout.liquid
’informations. Si vous n’avez pas accès à ce fichier dans le code de votre thème, contactez l’assistance Shopify Plus pour obtenir de l’aide en utilisant Google Tag Manager avec l’extensibilité à la caisse. - Pour Google Analytics et le pixel Meta, utilisez l’intégration de Shopify plutôt que Google Tag Manager.
- Copiez les extraits de code fournis par Google Tag Manager dans vos fichiers de thème
theme.liquid
etcheckout.liquid
.
Ajouter le code de Google Tag Manager à votre thème
Étapes :
-
Pour obtenir les extraits de code que vous devrez copier et coller dans votre boutique Shopify, installez Google Tag Manager. Comme Shopify utilise des modèles, vous aurez uniquement besoin de copier les extraits dans les fichiers
theme.liquid
etcheckout.liquid
.- Si vous installez cet outil pour la première fois, référez-vous aux instructions d'installation fournies avec Google Tag Manager. Arrêtez-vous à l'étape où vous devez ajouter deux extraits de code à vos pages web, puis suivez les instructions ci-dessous.
- Si vous avez déjà installé Google Tag Manager, vous pouvez trouver ces extraits de code dans votre compte Google Tag Manager en cliquant sur Interface administrateur, puis sur Installer Google Tag Manager.
Dans votre interface administrateur Shopify, cliquez sur Boutique en ligne, puis sur Thèmes.
Dans la liste déroulante, cliquez sur Modifier le code.
-
Copiez le premier extrait de code à partir de Google Tag Manager dans les balises
<head>
de votre codetheme.liquid
etcheckout.liquid
:- Copiez le premier extrait de code à partir de Google Tag Manager.
- Dans votre interface administrateur Shopify, ouvrez le fichier
theme.liquid
. - Collez l'extrait de code aussi haut que possible dans le
<head>
du codetheme.liquid
. - Ouvrez votre fichier
checkout.liquid
. - Collez l'extrait de code aussi haut que possible dans le
<head>
du codecheckout.liquid
.
-
Copiez le deuxième extrait de code à partir de Google Tag Manager dans les balises
<body>
de votre codetheme.liquid
etcheckout.liquid
:- Dans votre interface administrateur Shopify, ouvrez la page
theme.liquid
. - Collez l'extrait de code aussi haut que possible dans le
<body>
de la pagetheme.liquid
. - Ouvre la page
checkout.liquid
. - Collez l'extrait de code aussi haut que possible dans le
<body>
du codecheckout.liquid
.
- Dans votre interface administrateur Shopify, ouvrez la page
Dans votre interface administrateur Shopify, cliquez sur Enregistrer.
-
Dans Google Tag Manager, continuez l'installation de Google Tag Manager. Lorsque vous êtes invité(e) à ajouter des balises, n'ajoutez pas les types de balises suivantes :
- Universal Analytics pour Google Analytics
- Version classique de Google Analytics pour Google Analytics
- Pixel Meta.
Vérifiez que Google Tag Manager est bien installé.
Pour vérifier que vous avez correctement installé le gestionnaire de balises Google (Google Tag Manager), vous pouvez utiliser :
- le Mode Aperçu dans Google Tag Manager,
- l'extension Chrome Google Tag Assistant.