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.

Iniciar Configuração

Clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Clique em Salvar para salvar seu acionador.

Iniciar Configuração

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

Em Acionadores, clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Clique em Salvar para salvar seu acionador.

Iniciar Configuração

9.5.3 - Configurar acionador: Todas as páginas autenticadas

Em Acionadores, clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Clique em Salvar para salvar seu acionador.

Iniciar Configuração

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.

Iniciar Configuração

Clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Escolha seu All General Pages - acionador.

Iniciar Configuração

Clique em Adicionar para adicionar seu acionador a essa tag.

Iniciar Configuração

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

Iniciar Configuração

No menu, selecione HTML ​personalizado.

Iniciar Configuração

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:

Iniciar Configuração

Clique em Salvar para salvar sua tag.

Iniciar Configuração

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

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

Iniciar Configuração

Clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Escolha seu All Product Pages acionador.

Iniciar Configuração

Clique em Adicionar para adicionar seu acionador a essa tag.

Iniciar Configuração

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

Iniciar Configuração

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:

Iniciar Configuração

Clique em Salvar para salvar sua tag.

Iniciar Configuração

9.5.6 - Configurar tag: Todas as páginas autenticadas

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

Iniciar Configuração

Clique em Novo.

Iniciar Configuração

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

Iniciar Configuração

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

Iniciar Configuração

Escolha seu All Authenticated Pages acionador.

Iniciar Configuração

Clique em Adicionar para adicionar seu acionador a essa tag.

Iniciar Configuração

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

Iniciar Configuração

No menu, selecione HTML ​personalizado.

Iniciar Configuração

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:

Iniciar Configuração

Clique em Salvar para salvar sua tag.

Iniciar Configuração

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

Nesta página