9.5 Configurare tag e attivatori di Google Tag Manager

Dopo aver creato le estensioni e gli elementi dati, è ora di creare le nostre regole o "trigger" come vengono chiamati in Google Tag Manager.

Vai a https://tagmanager.google.com/ e accedi con i tuoi dati personali di accesso.

9.5.1 - Configura trigger: Tutte le pagine generali

Nel menu Google Tag Manager, vai a Triggers.

Fai clic su Nuovo.

Il primo attivatore verrà attivato su Tutte le pagine generali.
Come nome per questo trigger, utilizziamo All General Pages.

Dobbiamo configurare un trigger questa regola, quindi clicchiamo sul Configurazione trigger.

Questo trigger deve essere attivato su alcune visualizzazioni di pagina, quindi selezioniamo Visualizzazione a pagina.

Quindi seleziona Alcune visualizzazioni di pagina e specifica che il trigger deve essere attivato quando pageType è General.

Fai clic su Salva per salvare il trigger.

9.5.2 - Configura trigger: Tutte le pagine di prodotto

In Triggers, fai clic su Nuovo.

Il secondo trigger si attiverà su Tutte le pagine di prodotto.
Come nome per questo trigger, utilizziamo All Product Pages.

Dobbiamo configurare un trigger questa regola, quindi clicchiamo sul Configurazione trigger.

Questo trigger deve essere attivato su alcune visualizzazioni di pagina, quindi selezioniamo Visualizzazione a pagina.

Quindi seleziona Alcune visualizzazioni di pagina e specifica che il trigger deve essere attivato quando pageType è Products

Fai clic su Salva per salvare il trigger.

9.5.3 - Configura trigger: Tutte le pagine autenticate

In Triggers, fai clic su Nuovo.

Il terzo trigger si attiverà su Tutte le pagine autenticate.
Come nome per questo trigger, utilizziamo All Authenticated Pages.

Dobbiamo configurare un trigger questa regola, quindi clicchiamo sul Configurazione trigger.

Questo trigger deve essere attivato su alcune visualizzazioni di pagina, quindi selezioniamo Visualizzazione a pagina.

Quindi seleziona Alcune visualizzazioni di pagina e specifica che il trigger deve essere attivato quando customerLoggedIn è Yes.

Fai clic su Salva per salvare il trigger.

Con questo, hai completato con successo la configurazione dei trigger in Google Tag Manager.

Ora configura il Tag per inviare a Adobe Experience Platform e collegare il Triggers che hai appena costruito con quei Tag.

9.5.4 - Configura tag: Tutte le pagine generali

Nel menu Google Tag Manager, vai a Tag.

Fai clic su Nuovo.

Il primo tag verrà attivato su Tutte le pagine generali.
Come nome per questo tag, utilizziamo All General Pages.

Fai clic su Attivazione per collegare il creato a questo tag.

Scegli la tua All General Pages - attivatore.

Fai clic su Aggiungi per aggiungere il trigger a questo tag.

Fai clic su Configurazione tag.

Nel menu , seleziona HTML personalizzato.

Incolla questo codice nel tag :

<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>

A questo punto la configurazione dovrebbe essere simile alla seguente:

Fai clic su Salva per salvare il tag .

9.5.5 - Configura tag: Tutte le pagine di prodotto

Nel menu Google Tag Manager, vai a Tag.

Fai clic su Nuovo.

Il primo tag verrà attivato su Tutte le pagine di prodotto.
Come nome per questo tag, utilizziamo All Product Pages.

Fai clic su Attivazione per collegare il creato a questo tag.

Scegli la tua All Product Pages attivatore.

Fai clic su Aggiungi per aggiungere il trigger a questo tag.

Fai clic su Configurazione tag.

Nel menu , seleziona HTML personalizzato.

Incolla questo codice nel tag :

<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>

A questo punto la configurazione dovrebbe essere simile alla seguente:

Fai clic su Salva per salvare il tag .

9.5.6 - Configura tag: Tutte le pagine autenticate

Nel menu Google Tag Manager, vai a Tag.

Fai clic su Nuovo.

Il primo tag verrà attivato su Tutte le pagine autenticate.
Come nome per questo tag, utilizziamo All Authenticated Pages.

Fai clic su Attivazione per collegare il creato a questo tag.

Scegli la tua All Authenticated Pages attivatore.

Fai clic su Aggiungi per aggiungere il trigger a questo tag.

Fai clic su Configurazione tag.

Nel menu , seleziona HTML personalizzato.

Incolla questo codice nel tag :

<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>

A questo punto la configurazione dovrebbe essere simile alla seguente:

Fai clic su Salva per salvare il tag .

Ora puoi pubblicare la configurazione nell’esercizio successivo.

Passaggio successivo: 9.6 Pubblicare la proprietà Google Tag Manager

Torna al modulo 9

Torna a tutti i moduli

Risorse Business.Adobe.com