9.5 Configurar tags e acionadores do Google Tag Manager

Depois de criar as extensões e os elementos de dados, é hora de criar nossas regras ou "acionadores", como são chamados no Google Tag Manager.

Acesse https://tagmanager.google.com/ e faça logon com seus detalhes pessoais.

9.5.1 - Configurar acionador: Todas as páginas gerais

No menu do Google Tag Manager, vá para Acionadores.

Clique em Novo.

Nosso primeiro acionador será acionado em Todas as Páginas Gerais.
Como nome para este acionador, vamos usar All General Pages.

Precisamos configurar um acionador para esta regra, então vamos clicar em Configuração do acionador.

Esse acionador deve ser ativado em determinadas Visualizações de página, portanto, vamos selecionar Visualização de página.

Em seguida, selecione Algumas Visualizações de página e especifique se o acionador deve ser acionado quando pageType for igual General.

Clique em Salvar para salvar seu acionador.

9.5.2 - Configurar acionador: Todas as páginas do produto

Em Acionadores, clique em Novo.

Nosso segundo acionador será acionado em Todas as páginas do produto.
Como nome para este acionador, vamos usar All Product Pages.

Precisamos configurar um acionador para esta regra, então vamos clicar em Configuração do acionador.

Esse acionador deve ser ativado em determinadas Visualizações de página, portanto, vamos selecionar Visualização de página.

Em seguida, selecione Algumas Visualizações de página e especifique se o acionador deve ser acionado quando pageType for igual Products

Clique em Salvar para salvar seu acionador.

9.5.3 - Configurar acionador: Todas as páginas autenticadas

Em Acionadores, clique em Novo.

Nosso terceiro acionador será acionado em Todas as páginas autenticadas.
Como nome para este acionador, vamos usar All Authenticated Pages.

Precisamos configurar um acionador para esta regra, então vamos clicar em Configuração do acionador.

Esse acionador deve ser ativado em determinadas Visualizações de página, portanto, vamos selecionar Visualização de página.

Em seguida, selecione Algumas Visualizações de página e especifique se o acionador deve ser acionado quando customerLoggedIn for igual Yes.

Clique em Salvar para salvar seu acionador.

Com isso, você concluiu com êxito a configuração de seus Acionadores no Google Tag Manager.

Vamos configurar as Tags para enviar à Adobe Experience Platform e vincular os Triggers que você acabou de criar a essas Tags.

9.5.4 - Configurar tag: Todas as páginas gerais

No menu do Google Tag Manager, vá para Tags.

Clique em Novo.

Nossa primeira etiqueta será acionada em Todas as páginas gerais.
Como nome para esta tag, vamos usar All General Pages.

Clique em Acionamento para vincular o que você criou a essa tag.

Escolha seu All General Pages - acionador.

Clique em Adicionar para adicionar seu acionador a essa tag.

Em seguida, clique em Configuração de tag.

No menu, selecione HTML ​​personalizado.

Cole este código na 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>

Sua configuração agora deve ser parecida com esta:

Clique em Salvar para salvar sua tag.

9.5.5 - Configurar tag: Todas as páginas do produto

No menu do Google Tag Manager, vá para Tags.

Clique em Novo.

Nossa primeira tag será acionada em Todas as páginas de produtos.
Como nome para esta tag, vamos usar All Product Pages.

Clique em Acionamento para vincular o que você criou a essa tag.

Escolha seu All Product Pages acionador.

Clique em Adicionar para adicionar seu acionador a essa tag.

Em seguida, clique em Configuração de tag.

No menu, selecione HTML ​​personalizado.

Cole este código na 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>

Sua configuração agora deve ser parecida com esta:

Clique em Salvar para salvar sua tag.

9.5.6 - Configurar tag: Todas as páginas autenticadas

No menu do Google Tag Manager, vá para Tags.

Clique em Novo.

Nossa primeira tag será acionada em Todas as páginas autenticadas.
Como nome para esta tag, vamos usar All Authenticated Pages.

Clique em Acionamento para vincular o que você criou a essa tag.

Escolha seu All Authenticated Pages acionador.

Clique em Adicionar para adicionar seu acionador a essa tag.

Em seguida, clique em Configuração de tag.

No menu, selecione HTML ​​personalizado.

Cole este código na 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>

Sua configuração agora deve ser parecida com esta:

Clique em Salvar para salvar sua tag.

Agora você pode publicar sua configuração no próximo exercício.

Próxima etapa: 9.6 Publicar propriedade do Google Tag Manager

Voltar ao módulo 9

Voltar para todos os módulos

Recursos de Business.Adobe.com