Como criar cookie no Tag Manager e ler para variável

PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Google Tag Manager

Você utiliza o Google Tag Manager no seu dia a dia para configurar tags e precisa manipular cookies? Neste post você vai aprender na prática a trabalhar com eles.

Um cookie é um arquivo que fica armazenado na máquina do usuário / navegador e que serve para gravar alguma informação compacta. Por exemplo, você pode criar um cookie quando o usuário clicar no botão de WhatsApp do seu site, assim quando ele voltar você poderá ler esse cookie e criar alguma ação específica para ele.

Eu considero neste post que você já trabalha com Tag Manager, assim podemos ir direto ao ponto e poupar alguns detalhes. ▶ Se preferir, acesse "Como criar cookie no Tag Manager e ler para variável" no YouTube.

Criando um cookie no Tag Manager

O primeiro passo é criar uma tag do tipo HTML e colocar o seguinte código:

<script>
  var cname = 'cap';
  var cvalue = 1;
  var exdays = 300;
  var d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
</script>

No código você deve definir o nome do cookie, valor e dias para expirar.

Agora você deve criar um acionador para disparar essa tag. Você pode usar em qualquer um como clique, rolagem de tela, formulário, como achar melhor. No nosso case vamos configurar no clique do botão do WhatsApp.

O nosso botão do WhatsApp, neste caso, é um link comum HTML com tag A, portando podemos configurar o tipo Clique em Links apenas quando a URL de destino tiver api.whatsapp.com. Como disse antes, você pode usar com qualquer acionador, então configure de acordo com seu site.

Ao terminar você pode clicar em Visualizar para carregar o teste do debug com tagassistant. No site aberto clique no botão do Whats (ou o seu acionador) e verifique se a tag HTML do cookie rodou.

Por fim, para ver o cookie basta fazer CTRL + SHIFT + I no Chrome ou acessar o DevTools do seu navegador. Depois clicar em Aplicação e Cookies.

Lendo um cookie para uma variável no Tag Manager

Para carregar o valor de um cookie para uma variável no Tag Manager é bem simples. Basta ir em Variáveis e criar uma do usuário e tipo Cookie. Depois é só colocar o nome do cookie desejado e salvar.

Por fim, faça o teste clicando em Visualizar para ativar o debug e acessar Variáveis.

Agora você pode usar a variável criada para alimentar uma tag (ex: Google Analytics) ou usar como critério em acionadores para executar tags somente para usuários com o cookie definido.