Ter dados confiáveis no servidor do Gerenciador de tags do Google é a chave para uma marcação precisa no servidor. Uma das formas mais populares de enviar dados da web para o servidor GTM é o Google Analytics 4. GA4 tem suas limitações. É por isso que criamos Data Tag e Data Client que devem trabalhar juntos para entregar dados de eventos e usuários da web para o servidor GTM.
Neste artigo, quero mostrar como usar o Data Tag. Essa tag personalizada envia parâmetros do contêiner da Web do Gerenciador de tags do Google para o contêiner do servidor. Quando usado em conjunto com o Data Client para o contêiner do servidor do Google Tag Manager, permite enviar variáveis da camada de dados, parâmetros personalizados e outros dados da web para o contêiner do servidor. Como resultado, o Data Client recupera informações da tag de dados para os eventos do servidor do Gerenciador de tags do Google.
1. Abra a seção de modelos do contêiner do Web Google Tag Manager e adicione a Data Tag da galeria de modelos.
2. Abra a seção Tags e clique em Novo e configure o Data Tag.
3. Configure o Data Tag para o evento de visualização de página:
a. Selecione o nome do evento. Você pode selecionar um nome de evento padrão, adicionar um nome de evento personalizado ou adicionar um nome de evento dinâmico usando a variável {{Event}}.
b. Adicione o URL do servidor GTM e clique em Salvar. Você pode encontrar o URL do servidor GTM dentro da conta stape.io abrindo o contêiner sGTM e verificando a seção Domínio.
c. Enviar tudo do DataLayer enviará todas as informações que você possui na camada de dados do GTM da web para os dados de eventos do GTM do servidor.
d. Enviar dados comuns. Adiciona à solicitação page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
e. Adicione o estado de consentimento. Adiciona o objeto consent_state à solicitação. Incluindo as seguintes propriedades: ad_storage, analytics_storage, feature_storage, personalization_storage, security_storage.
f. Permite adicionar quaisquer dados manuais à solicitação. Você também pode aplicar transformação (como hash, trimming, etc.) ou armazenar dados.
g. Dados do usuário. Permite enviar parâmetros do usuário e aplicar transformação ou armazenar dados.
4. Configure Data tag para outros eventos. O exemplo abaixo mostra como configurar eventos de e-commerce quando a camada de dados estiver disponível.
Essa tag aciona cada evento de e-commerce na camada de dados. Como todos os meus eventos de e-commerce terminam com _stape, estou usando uma regex que inclui todos os eventos que contêm _stape.
Exemplo de variável que extrai dados do usuário da camada de dados.
6. Abra o contêiner do Gerenciador de Tags do Google do Servidor.
Vá para a guia Modelos → Clique em Novo na seção Clientes.
7. Clique nos três pontos no canto superior direito → Importar Data Client (baixado do GitHub) → Clique em Salvar.
8. Vá para a guia Clientes e clique em Novo. Escolha Data Client. Clique em Salvar.
9. Abra depuradores GTM da web e do servidor e teste a configuração. Você deverá ver a Data Tag acionada no contêiner web GTM e as solicitações de Data Tag analisadas pelo Data Client no sGTM.
O primeiro caso de uso que vem à mente é o envio de uma camada de dados do contêiner da web para o servidor. Com a ajuda desses dados, você pode alimentar parâmetros adicionais para suas tags do lado do servidor.
Na captura de tela abaixo, usei essas configurações para enviar a camada de dados para o contêiner do servidor:
Esse data tag é acionada em todos os eventos de e-commerce avançado.
No modo de visualização do contêiner do servidor, você verá que o Data Tag enviou solicitações em todos os eventos de e-commerce e o Data Client recebeu e processou essas solicitações dentro do contêiner do servidor. Se eu clicar no nome do evento e verificar event_data, você deverá ver todos os parâmetros da camada de dados da web.
Digamos que você deseja enviar dados do usuário como nome, sobrenome ou e-mail para a API de conversão do Facebook para aumentar a qualidade da correspondência do evento. Você pode usar Data Tag para isso. E se você estiver usando nossa tag para configurar uma tag API de conversão do Facebook, a tag FB capturará automaticamente os dados do usuário do Data Tag.
Eu queria enviar ao usuário o e-mail, nome e sobrenome junto com os eventos de checkout nos exemplos abaixo. Adicionei os dados do usuário à Data Tag dados no contêiner do Gerenciador de tags do Google na Web. Estou usando parâmetros estáticos para o teste, mas você pode passar esses parâmetros dinamicamente usando variáveis. Nossa tag do Facebook captura automaticamente os parâmetros do usuário do Data Client e envia informações com hash para o Facebook.
Para verificar se o Facebook recebeu esses parâmetros, você pode adicionar o ID de teste do Facebook à tag do servidor do Facebook e verificar quais parâmetros o Facebook vê na ferramenta de teste do gerenciador de eventos.
Você pode enviar dados do contêiner da web do Gerenciador de tags do Google para seu CRM, Slack, webhooks, etc. Este exemplo mostra como enviar informações sobre uma nova compra em seu site para o canal do Slack.
1. Certifique-se de enviar as informações corretas do contêiner da web do Gerenciador de tags do Google usando Data Tag.
3. Dentro do contêiner do servidor, crie uma nova tag e escolha um tipo de tag HTTP Request.
4. No URL de destino, adicione o URL que você gerou no Slack.
5. Método HTTP POST.
6. No corpo da solicitação, adicione o texto e os parâmetros que deseja enviar ao Slack.
{“text”: “New Purchase \n email: {{email}} \n transation_id: {{transaction ID}} \n purchase_value: {{transaction ID}}”}
Se você trabalha com o Gerenciador de tags do Google com frequência, já houve um tempo em que a camada de dados (ou qualquer outra variável) teve que ser transmitida de uma página do seu site para outra.
Infelizmente, o Gerenciador de tags do Google não tem a opção de armazenar dados e transmiti-los entre as páginas do site. Por exemplo, é possível enviar um e-mail de usuário somente quando ele existir na página. Mas e se os dados do usuário não estiverem disponíveis na página de agradecimento e só puderem ser capturados na página anterior à página de agradecimento?
Usando um data tag, você pode armazenar quaisquer variáveis que deseja passar para outras páginas.
Como exemplo, usarei uma avaliação construída com Instapage. Precisávamos configurar um evento principal para a API de conversão do Facebook. Ao enviar a avaliação, o usuário teve que inserir detalhes como e-mail, número de telefone, nome, etc. Essas informações do usuário estavam disponíveis nas páginas de avaliação, mas não na página de agradecimento.
Para ter um alto índice de qualidade de correspondência de eventos no Facebook, você deve enviar os parâmetros do usuário junto com o evento CAPI. É por isso que usei um Data Tag para armazenar dados do usuário no armazenamento local. Criei uma tag Enviar dados do aplicativo que pega os parâmetros do usuário da camada de dados e os armazena no armazenamento local. Essa tag é acionada quando um usuário clica no botão enviar avaliação.
Para habilitar o armazenamento de dados no Data Tag, selecione a opção de armazenamento ao lado dos dados que deseja armazenar.
Em seguida, adicionei um novo tipo de variável no contêiner da web (você pode baixá-lo usando este link). Crie novas variáveis para todos os dados armazenados.
E finalmente, criei uma Lead Data Tag que envia os dados armazenados para o contêiner do servidor.
Você pode usar o Data Client para recuperar quaisquer solicitações recebidas. Para fazer isso, você precisa modificar as configurações do caminho. Pode ser usado, por exemplo, para recuperar dados de Webhooks. Temos este artigo que descreve como usar webhooks de entrada.
Se você não conseguir ver as solicitações de Data Tag dentro do contêiner do servidor, pode ser pelo seguinte motivo: O Data Client não foi publicado. Abra o contêiner do servidor e publique o Data Client.
Data Tag e Data Client fornecerão uma fonte sólida de informações para alimentar as tags que você usa dentro do contêiner do servidor. Com a ajuda dessa tag, você pode avançar mais rapidamente na implantação de novas tecnologias e rastreamento do lado do servidor. Essa tag economizará tempo e custos para TI e marketing – uma situação benéfica para todos!
Podemos ajudá-lo! Clique em Obter ajuda, preencha o formulário, e enviar-lhe-emos um orçamento.
