9.5 Configuration des balises et déclencheurs du gestionnaire de balises de Google

Après avoir créé les extensions et les éléments de données, il est temps de créer nos règles ou "déclencheurs", comme on les appelle dans Google Tag Manager.

Accédez à https://tagmanager.google.com/ et connectez-vous avec vos informations de connexion personnelles.

9.5.1 - Configurer Déclencheur : Toutes les pages générales

Dans le menu Gestionnaire de balises de Google, accédez à Déclencheurs.

Configuration du lancement

Cliquez sur Nouveau.

Configuration du lancement

Notre premier déclencheur se déclenche sur Toutes les pages générales.
Utilisons ce déclencheur comme nom All General Pages.

Configuration du lancement

Nous devons configurer un déclencheur pour cette règle, donc, cliquez sur la Configuration du déclencheur.

Configuration du lancement

Ce déclencheur doit être activé sur certaines Vues de page. Sélectionnez Vue de page.

Configuration du lancement

Sélectionnez ensuite Certaines Vues de page et spécifiez que le déclencheur doit être déclenché lorsque pageType est égal à General.

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre trigger.

Configuration du lancement

9.5.2 - Configurer Déclencheur : Toutes les pages du produit

Dans Déclencheurs, cliquez sur Nouveau.

Configuration du lancement

Le second déclencheur se déclenche sur toutes les pages du produit.
Utilisons ce déclencheur comme nom All Product Pages.

Configuration du lancement

Nous devons configurer un déclencheur pour cette règle, donc, cliquez sur la Configuration du déclencheur.

Configuration du lancement

Ce déclencheur doit être activé sur certaines Vues de page. Sélectionnez Vue de page.

Configuration du lancement

Sélectionnez ensuite Certaines Vues de page et spécifiez que le déclencheur doit être déclenché lorsque pageType est égal à Products

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre trigger.

Configuration du lancement

9.5.3 - Configurer Déclencheur : Toutes les pages authentifiées

Dans Déclencheurs, cliquez sur Nouveau.

Configuration du lancement

Notre troisième déclencheur se déclenchera sur toutes les pages authentifiées.
Utilisons ce déclencheur comme nom All Authenticated Pages.

Configuration du lancement

Nous devons configurer un déclencheur pour cette règle, donc, cliquez sur la Configuration du déclencheur.

Configuration du lancement

Ce déclencheur doit être activé sur certaines Vues de page. Sélectionnez Vue de page.

Configuration du lancement

Sélectionnez ensuite Certaines Vues de page et spécifiez que le déclencheur doit être déclenché lorsque customerLoggingIn est égal à Yes.

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre trigger.

Configuration du lancement

Vous avez ainsi terminé la configuration de vos déclencheurs dans Google Tag Manager.

Configurez maintenant les balises à envoyer à Adobe Experience Platform et associons les déclencheurs que vous venez de créer à ces balises.

9.5.4 - Configurer la balise : Toutes les pages générales

Dans le menu Gestionnaire de balises de Google, accédez à Balises.

Configuration du lancement

Cliquez sur Nouveau.

Configuration du lancement

Notre première balise se déclenchera sur Toutes les pages générales.
En tant que nom de cette balise, utilisons All General Pages.

Configuration du lancement

Cliquez sur Déclenchement pour lier la balise que vous avez créée à cette balise.

Configuration du lancement

Sélectionnez votre All General Pages - trigger.

Configuration du lancement

Cliquez sur Ajouter pour ajouter votre déclencheur à cette balise.

Configuration du lancement

Cliquez ensuite sur Configuration des balises.

Configuration du lancement

Dans le menu, sélectionnez HTML ​personnalisé.

Configuration du lancement

Collez ce code dans la balise :

<script>console.log(">>>>>GA - All General Pages - Sending Page View to DCS");fetch("{{dcsStreamingEndpoint}}",{"credentials":"omit","headers":{"accept":"*/*","accept-language":"en-US,es;q=0.9,en;q=0.8","cache-control":"no-cache","content-type":"application/json","pragma":"no-cache","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_pageView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\",\"pageViews\":{\"value\":1}}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});</script>

Votre configuration doit maintenant se présenter comme suit :

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre balise.

Configuration du lancement

9.5.5 - Configurer la balise : Toutes les pages du produit

Dans le menu Gestionnaire de balises de Google, accédez à Balises.

Configuration du lancement

Cliquez sur Nouveau.

Configuration du lancement

Notre première balise se déclenche sur toutes les pages de produits.
En tant que nom de cette balise, utilisons All Product Pages.

Configuration du lancement

Cliquez sur Déclenchement pour lier la balise que vous avez créée à cette balise.

Configuration du lancement

Choisissez votre All Product Pages trigger.

Configuration du lancement

Cliquez sur Ajouter pour ajouter votre déclencheur à cette balise.

Configuration du lancement

Cliquez ensuite sur Configuration des balises.

Configuration du lancement

Dans le menu, sélectionnez HTML ​personnalisé.

Collez ce code dans la balise :

<script>
console.log(">>>>> GA - All Product Pages - Sending Product View to DCS");

fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GTM\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_productView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\"}},\"commerce\":{\"productViews\":{\"value\":1}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"identityMap\":{\"GOOGLE\":[{\"id\":\"{{gaClientId}}\"}]},\"productListItems\":[{\"SKU\":\"{{productName}}\",\"priceTotal\":{{productPrice}},\"quantity\":1,\"name\":\"{{productName}}\",\"product\":\"{{productImageUrl}}\",\"productAddMethod\":\"Desktop\",\"{{aepTenantId}}\":{\"core\":{\"imageURL\":\"{{productImageUrl}}\"}}}],\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

Votre configuration doit maintenant se présenter comme suit :

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre balise.

Configuration du lancement

9.5.6 - Configurer la balise : Toutes les pages authentifiées

Dans le menu Gestionnaire de balises de Google, accédez à Balises.

Configuration du lancement

Cliquez sur Nouveau.

Configuration du lancement

Notre première balise se déclenchera sur toutes les pages authentifiées.
En tant que nom de cette balise, utilisons All Authenticated Pages.

Configuration du lancement

Cliquez sur Déclenchement pour lier la balise que vous avez créée à cette balise.

Configuration du lancement

Choisissez votre All Authenticated Pages trigger.

Configuration du lancement

Cliquez sur Ajouter pour ajouter votre déclencheur à cette balise.

Configuration du lancement

Cliquez ensuite sur Configuration des balises.

Configuration du lancement

Dans le menu, sélectionnez HTML ​personnalisé.

Configuration du lancement

Collez ce code dans la balise :

<script>
console.log(">>>>> GA - All Authenticated Pages - Sending PageView to DCS");

fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{profileDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"_repo\":{\"createDate\":\"{{pageTimeStamp}}\"},\"person\":{\"name\":{\"lastName\":\"{{customerLastName}}\",\"firstName\":\"{{customerFirstName}}\"}},\"{{aepTenantId}}\":{\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\",\"email\":\"{{customerEmail}}\",\"phoneNumber\":\"{{customerMobileNr}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

Votre configuration doit maintenant se présenter comme suit :

Configuration du lancement

Cliquez sur Enregistrer pour enregistrer votre balise.

Configuration du lancement

Vous pouvez maintenant publier votre configuration lors de l’exercice suivant.

Étape suivante : 9.6 Publication de la propriété Google Tag Manager

Revenir au module 9

Revenir à tous les modules

Sur cette page