Envio de dados do Contentor Web do Gestor de etiquetas do Google para o Contentor do Servidor
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 é configurando o Google Analytics 4 do lado do servidor. 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.
Como enviar dados da web do Gerenciador de tags do Google para o contêiner do servidor
O contentor do servidor não tem acesso direto aos dados do navegador, tais como a camada de dados, os cookies ou o contexto da página. Por isso, estes dados têm de ser enviados explicitamente a partir do contentor web.
- Data Tag, em conjunto com o Data Client no contentor do servidor para receber e analisar os seus pedidos, envia variáveis da camada de dados e outros parâmetros independentemente de qualquer plataforma específica;
- Google Analytics 4, que envia dados através de uma Google Tag configurada com o URL do contentor do servidor. Ambos os métodos são abordados abaixo.
Enviar dados da Web para o contentor do servidor utilizando a Data Tag
Passo 1. Instalar o modelo da Data Tag:
- Clique no menu «Tags».
- Clique em «Novo».
- Abra a secção «Modelos» do seu contentor Web do Google Tag Manager → adicione a Data Tag a partir da galeria de modelos.
- Clique no separador «Configuração da tag».
- Clique em «Descubra mais tipos de tags na Galeria de Modelos da Comunidade» → procure por «Data Tag»→ clique em «Adicionar ao Espaço de Trabalho» → clique em «Adicionar».
Passo 2. A seguir, vamos configurar a Data Tag para o evento de visualização de página:
- Em Nome do evento, pode selecionar um nome de evento padrão, adicionar um nome de evento personalizado ou adicionar um nome de evento dinâmico utilizando a variável {{Event}}.
- Introduza o seu URL do lado do servidor do GTM (pode encontrar o seu URL do lado do servidor do GTM na conta stape.io, abrindo o contentor sGTM e verificando a secção Domínio.)
- Selecione como pretende que os dados sejam enviados:
- Enviar tudo a partir da camada de dados (DataLayer) — enviará todas as informações que tem na camada de dados do GTM na Web para os dados de eventos do GTM no servidor.
- Enviar dados comuns — adiciona à solicitação os seguintes dados: page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
- Adicionar estado de consentimento — adiciona o objeto consent_state à solicitação. Inclui as seguintes propriedades: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
- Adicionar cookie comum – a tag enviará cookies comuns no `eventData` para contornar algumas limitações de plataformas de comércio eletrónico. Por exemplo, isto é necessário para eventos que funcionam nas páginas de checkout do Shopify.
- Em Dados do evento, pode adicionar quaisquer dados manualmente à solicitação. Também pode aplicar transformações (como hash, corte, etc.) ou armazenar dados.
- Em Dados do utilizador, pode enviar parâmetros do utilizador e aplicar transformações ou armazenar dados.
- Em Configurações e Configurações Avançadas, encontrará exatamente isso — opções de configuração avançadas. A menos que saiba o que está a fazer, é melhor não alterar estas configurações.
- Atribua um nome descritivo à sua tag e clique em Guardar.
Passo 3. Em seguida, pode configurar a Data Tag para outros eventos. O exemplo seguinte mostra como configurar eventos de comércio eletrónico quando a Camada de Dados está disponível.
Esta tag aciona todos os eventos de comércio eletrónico na Camada de Dados. Neste exemplo, todos os eventos de comércio eletrónico terminam em _stape, pelo que utilizamos uma expressão regular que captura todos os eventos que contenham _stape.
Exemplo da variável que extrai dados do utilizador da Camada de Dados.
Passo 4. Em seguida, descarregue o Cliente de Dados do GitHub:
- Siga este link.
- Clique em Código → Descarregar ZIP.
Passo 5. Agora, importe o Cliente de Dados:
- Abra o seu contentor do Google Tag Manager no Servidor.
- Clique em Modelos.
- Em Clientes, clique em Novo.
- Clique nos três pontos no canto superior direito.
- Clique em Importar e selecione o Data Client que descarregou do GitHub (pode ser necessário descompactar o arquivo primeiro).
- Quando a importação estiver concluída, clique em Guardar .
Passo 6. Abra o separador Clientes e clique em Novo → selecione Data Client → clique em Guardar.
Passo 7. Abra os ecrãs de pré-visualização do GTM para «Web» e «Servidor» e teste a configuração. Deverá verificar que a «Data Tag» é acionada no contentor do GTM para «Web» e que o «Cliente de Dados» está a processar os pedidos da «Data Tag» no sGTM.
Como enviar dados da Web para o contentor do servidor através do Google Analytics 4
Passo 1. Crie uma variável de configuração para o URL do contentor do servidor. Para tal:
- Clique no menu Variáveis.
- Clique em Novo na barra Variável definida pelo utilizador.
- Clique na barra Configuração da variável.
- Selecione o tipo Tag do Google: Definições de configuração.
- Clique em Adicionar parâmetro.
- Introduza os seguintes parâmetros:
- Parâmetro de configuração: server_container_url.
- Valor: o URL do seu contentor de servidor do Tag Manager.
- Atribua um nome descritivo à sua variável e clique em Guardar.
Passo 2. Crie uma tag do Google Analytics 4:
- Clique no menu Tags.
- Clique em Novo.
- Clique no separador Configuração da tag.
- Selecione Google Analytics → Tag do Google.
- Em ID da tag, introduza o ID da sua conta GA4 (para o encontrar, aceda ao GA4 → clique em Administração → Fluxos de dados → selecione o fluxo → consulte o ID de medição).
- Em Definições de configuração, selecione a variável do contentor do servidor que criou anteriormente.
- Em Acionamento, certifique-se de que a opção Inicialização - Acionamento em todas as páginas está selecionada.
- Atribua um nome descritivo à sua etiqueta e clique em Guardar.
- Clique em Publicar para que o contentor entre em funcionamento.
Passo 3. A seguir, vamos ver como criar um evento GA4, utilizando o evento Todos os cliques como exemplo:
- Clique no menu Etiquetas.
- Clique em Novo.
- Clique no separador Configuração da etiqueta.
- Selecione Google Analytics → Google Analytics: Evento GA4.
- Introduza o seu ID de medição (a partir do menu Fluxos de dados do GA4).
- Atribua um nome descritivo ao seu evento.
- Clique em Acionamento → Todos os cliques.
- Atribua um nome descritivo à etiqueta.
- Clique em Guardar.
Configurar o acompanhamento de conversões com várias plataformas
Em seguida, terá de configurar o envio dos dados do seu evento para a sua plataforma de marketing/análise. Os passos exatos dependerão da plataforma que escolher. Consulte os nossos guias sobre as plataformas mais populares para obter mais informações:
Casos de uso de Data Tag
1. Camada de dados da web para o contêiner do servidor.
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:
- Evento personalizado: {{event}}
- Habilitado o envio de tudo da camada de dados
- Ativado o envio de dados comuns
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.
2. Envio de dados do usuário para a API de conversão do Facebook.
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.
3. Envie dados personalizados do contêiner da Web para qualquer outro servidor.
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}}”}
4. Armazenar dados.
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.
5. Recupere qualquer solicitação recebida.
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.
Conclusão
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!
Precisa de ajuda?
Podemos ajudá-lo! Clique em Obter ajuda, preencha o formulário, e enviar-lhe-emos um orçamento.
Comentários