Hoje iremos aprender como funciona as variáveis no google-tag-manager, se você não faz ideia do que seja o google-tag-manager. Clique aqui para entender melhor sobre o que vamos falar abaixo.
De maneira primitiva uma variável no sentido da palavra significa:
Variável
adjetivo de dois gêneros
Pensando em computadores, uma variável é responsável por armazenar valores em memória. De maneira que os valores sejam recuperados, alterados e excluídos de acordo com sua necessidade, essas variáveis possuem tipos de dados de acordo com o armazenamento. No nosso post vamos falar e citar alguns tipos que são eles:
Bem essa é uma explicação superficial de maneira que seja mais fácil o entendimento do conteúdo abaixo, você pode/deve aumentar seus conhecimentos computacionais. Quanto mais conhecimento melhor. Dentro do google-tag-manager, uma variável é responsável por trazer o dinamismo para suas tags, acionadores e outras variáveis. Com ela você conseguirá armazenar dados do comportamento do usuário e passar isso para uma tag de comércio eletrônico por exemplo.
As variáveis no google-tag-manager são divididas em:
As pré-moldadas são variáveis criadas para automatizar ainda mais o seu trabalho, variáveis relacionadas a urls, eventos, erros, formulários e até cliques.
Mas pra que servem essas variáveis? Bem como veremos abaixo em sua maioria para melhorar a criação dos seus acionadores. Por exemplo quando clicamos em um link na nossa página.
Mas não é só de links que vivem as variáveis pré-moldadas do google-tag-manager vamos ver todos os tipos?
Agora veremos as variáveis customizadas pelo usuário, com esse tipo de variável o google-tag-manager nos proporciona passar valores que só existem na nossa aplicação para por exemplo criar uma dimensão secundária no nosso google-analytics.
No GTM, você irá chamará as variáveis com uma sintaxe semelhante a essa:
{{nome variavel }}
Um dos grandes exemplos que temos na parte de variáveis no GTM é o armazenamento do código de acompanhamento do nosso google-analytics (UA-XXXXXX-X) nesse caso usamos uma variável do tipo permanente. Vamos ver agora os tipos de variáveis no google-tag-manager!
É bem simples o código do container retorna para sua variável o número do seu container. Existe uma variável pré-moldada para isso (Container ID)
RETORNA
STRING com o número do container implementado;
O Cookie primário é o tipo de variável responsável por retornar o valor de um cookie em especifico ou o primeiro cookie setado na sua página.
RETORNA
STRING contendo o valor armazenado no cookie, ou undefined, no caso do cookie não existir.
Você pode usar o ELEMENT DOM para pegar o texto contido em algum elemento dentro da sua página. Você também pode usar para pegar um atributo de um elemento.
RETORNA
O texto que está dentro do Element DOM, ou o valor do atributo que você precisa. Se o ID do elemento que você passar não existir na sua página a variável vai retornar null.
O evento customizado retorna o valor da chave ‘event’ contido no data layer. Por exemplo, se você colocar na sua página o seguinte código: dataLayer.push({‘event’ : ‘thisEvent’}); , logo a variável de evento customizado será ‘thisEvent’.
RETORNA
O valor armazenado na chave ‘event’ dentro do Data Layer.
A variável mais versátil de todas, com ela você conseguirá executar javascript na sua página. A javascript customizado segue duas regras, Primeiro o script precisa estar envolto a uma bloco de função anônima (function(){}). Segundo, a função/valor deve ser retornada** (return algumValor).**
RETORNA
Depende do que você retornou. Você pode retornar uma variável, ou, outras funções.
O modo de depuração retorna um true/false de acordo com o usuário estar acessando o site em modo de pre-visualização. Existe uma variável pré-moldada para a mesma coisa.
RETORNA
True quando o usuário está acessando o seu site no modo de teste.
RETORNA
Nome do ambiente que está sendo visualizado no modo de depuração. Existe uma variável pré-moldada para isso.
RETORNA
Um número randômico entre 0 e 2147483647; Existe uma variável pré-moldada números randômicos.
RETORNA
Auto explicativa. O número da versão do container retornará o valor atual da versão, ou o número da versão do container no modo de depuração. Existe uma variável pré-moldada número da versão do container.
Utilizada normalmente para reutilização de variáveis. Se voce tem uma string que será reutilizada em outras tags exemplo: UA (Código de acompanhamento do google-analytics) você armazena o mesmo para reutilizar em Eventos, Transação e Visualização de página.
RETORNA
A variável permanente retorna uma *string *configurada no campo valor.
Variável utilizada para identificar páginas que trazem um usuário para sua página. Existe uma variável pré-moldada para referenciador de http.
RETORNA
*String *com o valor da url da página, você pode especificar um pedaço da url que você deseja.
A variável URL é utilizada para acessar componentes da atual URL (padrão), ou qualquer valor de uma URL retornada por uma variável. O grande diferencial dessa variável é o poder de manipular partes de uma URL.
Os tipos de componentes que você pode escolher são:
Essa variável é utilizada para especificar um determinado valor contido no seu objeto DataLayer baseado na chave na qual ele está representado. RETORNA
O valor armazenado no seu dataLayer baseado na chave na qual foi configurada, exemplo, se você inseriu no seu código o seguinte elemento dataLayer.push({‘VirtualPageview’: ‘/teste/’}) você vai obter o valor da variável VirtualPageviewconfigurado o nome da variável da camada de dados com a chave do objeto.**
Dúvidas? Comentários? Sugestões?
Mande um e-mail para gente contato@metricasboss.com.br, até a próxima :D