Como criar uma tag no Google Tag Manager

Neste artigo vamos mostrar como é fácil criar uma tag no google analytics:

1) Primeiro faça login no google tag manager
OBS: Se seu site ainda não possui tag manager instalado, fale com nossa equipe.

2) Na listagem de contas clique na conta do site que deseja colocar a tags

3) Clique no menu Tags

4) Clique no botão New ou Novo

5) Clique em cima do "Tag Configuration" para configurar(Criar) a tag

6) Escolha o tipo de tag que deseja configurar, você pode escolher por exemplo: Google Analytics, Google Ads Remarketing, ou apenas um Custom HTML, neste Custom HTML você poderá colocar o script do chat, da tag do facebook e etc. No nosso exemplo vamos escolher o Custom HTML.

7) Agora cole o script fornecido pelo seu provedor do serviço

8) Agora vamos configurar trigger, a trigger é o item que determina a regra para executar o script, exemplo: Todas as páginas, ou apenas a quando a página que tenha a URL x carregar, etc. Clique em "Choose a trigger..." para criar ou escolher uma trigger.

9) Você pode escolher uma trigger já existente como exemplo: all pages(Todas as páginas) ou ainda criar uma nova, veja no menu abaixo as diversas opções de criação de trigger.

10) Coloque um nome significativo para sua tag e salve.

11) Depois disso, você precisará publicar a tag, no botão submit no canto direito superior

Data Layer

No TUTOR as lojas tem suporte a Data Layer, o Data Layer é uma camada de dados usado para passar informações do seu site para o container do gerenciador de tags (Tag manager). Você pode  usar essas informações para preencher variáveis e ativar gatilhos em suas configurações de tag, e também poderá usar estes dados em seu script ou no google analytics.

O Data Layer fica localizado no fim de cada página por isso deve-se usar o trigger Page View - DOM Ready.

Como usar o datalayer?

Considerando que este foi o datalayer encontrado em sua página "Obrigado pela Compra"

{'ecommerce': {'purchase': {'actionField': {'id': '1206','affiliation': 'TUTOR - Loja de Demonstração - Cursos Livres','paymentType': 'BILLET','revenue': '2465.0','tax':'0.0'},'products': [{'id': 'P75', 'name': 'Evento Online', 'price': '2465.0', 'quantity': 1}]}}}

1) Crie uma variável no tagmanager, no menu lateral clique me variables(variáveis) e clique em new (novo)

2) Clique em Data Layer Variable

3) Se eu quero o conteúdo que está no tipo de pagamento, no caso acima foi BILLET (BOLETO), tenho que usar o nome: ecommerce.purchase.actionField.paymentType, veja pela estrutura do dataLayer qual campo quer e como deve ser o nome dele.

4) A partir pode usar esta variável em todas as tags ou eventos, ou até mesmo dentro de um script, como exemplo abaixo, uma tag do facebook escrita com as variável em negrito, até mesmo um loop com javascript pode ser feito nos produtos.

Exemplo de uso em tag html:

<script>

  fbq('track', 'Purchase', {

    value: {{purchase_product_price}},

    currency: 'BRL',

    content_ids: {{purchase_product_id}},

    content_name: {{purchase_product_name}},

    payment_type: {{purchase_payment_type}},

    content_type: 'product',

    transactionId: {{transactionId}},

  });

</script>

Captura de Eventos no Tag Manager

Os eventos(Exemplo: Clique) podem ser capturados ou monitorados, e com isso executar uma ação, basta escolher o Trigger de Click por exemplo.