A Orbital apresentou um meetup sobre Martech e o Poder dos Dados { para devs } que trouxe diversas ideias e dúvidas sobre como um desenvolvedor deve atuar na gestão de informações para gerar dados aos times de marketing das empresas.
Uma das principais ferramentas para atuação com dados em sites e aplicativos é o Google Tag Manager.
Vamos criar uma série para abordar os principais pontos do GTM para facilitar o entendimento e ajudar os devs a auxiliarem o time de marketing com a mesma maestria com qual desenvolvem!
Variáveis
Para começar, vamos entender o que é uma variável. O dicionário diz que: “variável é algo sujeito a variações ou mudanças, que pode variar, inconstante, instável”.
Agora, pensando no mundo dos DEV’s, uma variável é responsável por armazenar valores em memória. Podemos imaginar que essa variável é uma “caixinha”, onde os dados são armazenados temporariamente ou em definitivo e que são manipuladas durante a execução do programa. As variáveis possuem tipos de dados de acordo com o armazenamento. Como por exemplo:
- String: São variáveis do tipo texto
- Int: Usados para armazenamento de números inteiros
- Boolean: Valores lógicos como true ou false
Isso é uma explicação superficial do que é uma variável. De uma maneira simples de entender, no GTM, a 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.
Existem dois tipos de variáveis: Variáveis definidas pelo usuário e Variáveis incorporadas.
Falando sobre as variáveis incorporadas, elas são uma categoria especial de variáveis já prontas e que não personalizáveis. Elas são separadas por Páginas, Utilitários, Erros, Cliques, Formulários, Histórico, Vídeos, Rolagem e Visibilidade. As variáveis que são mais usadas são as de páginas, utilitários, erros, cliques e formulários.
Páginas
Essa variável tem o poder de armazenar informações relacionadas ao endereço do site.
- Page URL: retorna a informação completa da URL da página ativa (Ex: blog.orbital.company/como-a-transformacao-digital-faz-parte-da-sua-vida-e-da-sua-carreira/)
- Page Hostname: retorna somente o hostname da página ativa (Ex: blog.orbital.company/)
- Page Path: retorna somente o caminho relativo da página (Ex: /como-a-transformacao-digital-faz-parte-da-sua-vida-e-da-sua-carreira/)
- Referrer: retorna a url da página que enviou o visitante para o seu site (Ex: orbital.company ou www.facebook.com)
Utilitários
Essa variável tem o poder de possuir informações definidas na conta do Google Tag Manager.
- Event: Nome do evento que disparou uma ação (como ‘clique’)
- Environment name: Nome do ambiente onde usuário esta
- Container ID: ID do container (GTM-XXXXX)
- Container Version: Versão atual do container
- Random Number: Número randômico entre 0 e 2147483647
- HTML ID: ID que representa a página HTML
Erros
Essa variável tem o poder de preencher quando uma exceção acontece no código Javascript da página.
- Error Message: retorna a mensagem disparada no erro Javascript
- Error Line: retorna a linha onde o erro aconteceu
- Error URL: retorna a URL da página onde o erro aconteceu
- Debug Mode: retorna um Booleano (true/false) de acordo modo de depuração ativado ou não
Cliques
Essa variável tem o poder de repassar as informações da camada de dados sempre que um clique é executado em qualquer local da página.
- Click Element: tag HTML do elemento clicado
- Click Classes: classe CSS do elemento clicado
- Click ID: ID do elemento HTML clicado
- Click Target: valor do atributo target no elemento clicado
- Click URL: URL da página que o clique aconteceu
- Click Text: texto do elemento clicado
Formulários
Essa variável tem o poder de repassar as informações da camada de dados sempre que um formulário é submetido em uma página.
- Form Element: tag HTML do elemento que submeteu o formulário
- Form Classes: classe CSS do formulário enviado
- Form ID: ID do formulário enviado
- Form Target: indica a ação que o formulário foi submetido
- Form URL: URL que o formulário foi submetido
- Form Text: Texto dentro do elemento form
Com essa informação, teremos uma noção ampla de qual variável podemos usar na hora de criar nossos acionadores ou descobrir porque as tags não funcionam.
E agora fica a maior dúvida! O que fazer com isso tudo? E para onde vão as informações que o GTM produz?
Aí já é assunto para o próximo post Acionadores e Tags!