Vantagens de Utilizar Informações na Camada de Dados (dataLayer)
Nesse artigo vamos falar um pouco sobre dataLayer, o que é, qual sua importância no universo de digital analytics e como organizar suas informações da camada de dados.
O mercado de digital analytics, assim como o de automatização de mídia de marketing digital vem crescendo e ganhando espaço e importância nas empresas de presença online, tanto para captar novos clientes, quanto para monitorar os resultados. Com isso novas ferramentas se faz cada dia mais necessárias, e o que alimenta o funcionamento dessas ferramentas são informações, que nem sempre estão disponíveis de forma certa, no local e estrutura certa.
O Cenário atual
Tradicionalmente as ferramentas de web analytics como Google Analytics (GA), Adobe Analytics (Omniture), IBM Analytics entre outras são configuradas para trabalhar com informações que são expostas na interface da aplicação/website, por exemplo na captura de um evento do GA utiliza-se informações que existem na página para preencher as informações desse evento, ou para capturar atributos de um produto em um e-commerce, como cor, volume ou preço neste cenário basea-se na informação que está na estrutura HTML da página no DOM ( Document Object Model ) o que pode acabar comprometendo alguma informação, pelo fato de que a estrutura dessa página, o DOM, pode ser alterado pela equipe de manutenção do site ou até mesmo por um sistema de gestão de conteúdo dinâmico, fazendo com que as informações fiquem comprometidas.
O cenário ideal
Para evitar esse tipo de situação podemos trabalhar com as informações na camada de dados ( dataLayers), que consiste em objetos javascript com variáveis que são preenchidas com informações do servidor "server side" ou com base em eventos executados na página, e podem ser facilmente capturadas via javascript ou por alguma ferramenta de gerenciamento de tags como Google Tag Manager (GTM) ou do Adobe Dynamica Tag Manager (Adobe DTM).
Mas o que é dataLayer
O dataLayer ou literalmente “camada de dados”, é um aglomerado de dados disponíveis como um mapa de informações estruturadas de sua aplicação. Esse mapa não necessariamente precisa conter toda a hierarquia de seu sistema, mas sim as informações úteis. Por exemplo em uma página de um destino turístico podemos ter as seguintes informações (Nome do Destino, Categoria, País e Cidade), conforme na estrutura abaixo:
Vantagens de utilizar o dataLayer
As vantagens de utilizar utilizar o dataLayer poderia se justificar unicamente pela disponibilidade e organização das informações, mas vou listar e explicar o porque dessas e de outras vantagens:
Disponibilidade de dados: os dados estão disponíveis na página do site/aplicação, podendo ser acessados e consumidos via javascript ou por ferramentas de terceiros ( GTM, Adobe DTM, ect).
Organização dos dados: as informações estão organizadas conforme a arquitetura do site/aplicação.
Confiabilidade: diferente das informações capturadas diretamente no DOM, como citado anteriormente, esses dados que podem vir do servidor ou de alguma interação na página, estão imunes a alterações de layout ou de conteúdo da página.
Um outro motivo pelo qual utilizar o dataLayer é caminhar na direção certa é que o Google, que já havia criado o Tag Manager para gerenciar tags e ler informações do dataLayer, e agora define que o método recomendado para a implementação do Google Anlytics (GA) é através do GTM e que as informações enviadas sejam através do dataLayer. Todos os recursos de Aprimoramento do Ecommerce ( Enhanced Ecommerce), como visualização de produto, adição ao carrinho, checkout e finalização de pedido são enviados através de informações no dataLayer.
Abaixo, exemplo de um dataLayer para evento de visualização de produto sintaxe padrão do Google Universal Analytics.
Além de que sempre vamos precisar de dados para preencher as variáveis das tags de remarketing, redes de afiliados, mídia programática e tags de acompanhamento de conversão. Digo isso por que só em um dos sites que administro existe mais de 60 tags de terceiros ( trechos de códigos que recebem e enviam informações do site) e 90% delas utilizam informações do dataLayer. Abaixo, exemplo das principais tags disponíveis no mercado:
Resumo da ópera
Claro que trabalhar com dataLayer e gerenciamento de tags requer um pouco mais de técnica e informações que podem variar de acordo com o contexto de cada aplicação. Mas para concluir gostaria de deixar algumas dicas para ajudar a começar a pensar em camada de dados:
1- Organize e estruture suas informações, como arquiteto de informação estou acostumado a organizar informações para interfaces visuais, a missão agora é pensar na informação organizada de forma não-visual.
2- Não exagere na hora de escolher os dados que vai disponibilizar no dataLayer, escolha apenas informações realmente úteis, tome cuidado para não expor informações sensíveis como regras de negócio ou informações dos usuários, — uma vez posto, as informações da camada de dados são acessíveis por qualquer um, basta digita ‘dataLayer’ no console do seu navegador e apertar ‘enter’ para ver o que temos ;)
2.1 - Não exagera, mas tente prever o futuro inserindo informações que provavelmente você pode precisar em um futuro próximo, por exemplo: se você tem o valor do produto na página, tenha variações desse valor com separador decimal ( virgula ou ponto) e sem separador decimal. Alguém vai te pedir isso um dia.
3 - Crie um padrão ou siga algum existente, para quem trabalha com dev nem preciso falar sobre a importância de “padrão”, enfim isso tornará os objetos do seu dataLayer mais legíveis e pertencentes a um todo. Por exemplo a sintaxe definida pelo Google para crair os objetos de e-commerce seguem o padrão ( propriedade - evento - valor ), como pode ser observado na imagem acima ( ecommerce.detail.products), porém a documentação do Google não prevê uma sintaxe para o evento “assinatura” ( no caso de clubes de assinatura online), mas podemos seguir o padrão criando ( ecommerce.assinatura.valor ), assim mantemos uma consistência que nem mesmo o Google seria capaz de recusar :D
Por hora é isso, em um próxima oportunidade falamos sobre como capturar e utilizar as informações do dataLayer e suas particularidades em cada ferramenta e contexto.
Se gostou clica ai no coraçãozinho.
Enjoy and talk data to me!
