O que é a inclusão de tags no servidor?

Inclusão de tag é o ato de adicionar snippets de código a sites para medição de uma equipe de marketing, um parceiro de marketing ou uma ferramenta como o Google Analytics.

Gerenciador de tags para Web x no servidor

Antes da inclusão de tags no servidor, a única opção era inserir e executar tags do lado do cliente. Talvez você se pergunte: "A inclusão de tags no servidor substitui a inclusão de tags do lado do cliente?"

A resposta é não, mas pode complementar e melhorar o trabalho feito pelas tags do lado do cliente. Com a inclusão de tags no servidor, outra camada de controle é inserida entre o usuário e o fornecedor de marketing. Dessa forma, é possível controlar a composição exata dos dados que os fornecedores recebem.

Outros benefícios:

  • A velocidade da página melhorou, já que a quantidade de códigos externos carregados no navegador do usuário diminuiu muito.
  • As políticas de segurança de conteúdo podem ser mais restritivas, porque o navegador não precisa mais se comunicar diretamente com os domínios do fornecedor.
  • A privacidade é aprimorada porque os dados pessoais, como o endereço IP do usuário, podem ser removidos das informações enviadas ao fornecedor.
  • Os cookies podem ficar mais seguros e duráveis porque são definidos no seu próprio domínio e não pelo JavaScript na página.

Diferenças entre contêineres do servidor e da Web

Contêineres do servidor Contêineres da Web
Contêineres do servidor são executados nele Contêineres da Web são executados no navegador
Contêineres do servidor processam solicitações HTTP Contêineres da Web usam o dataLayer
Contêineres do servidor utilizam apenas JavaScript no modo sandbox. Contêineres da Web conseguem implantar tags HTML e executar códigos JavaScript personalizados no ambiente de execução
Contêineres do servidor podem gerar custos com a manutenção do ambiente do servidor Contêineres da Web não têm custo financeiro

Como funciona a inclusão de tags no servidor

Neste curso, as tags precisam ser colocadas em um contêiner do servidor do Gerenciador de tags.
Esse contêiner é um aplicativo JavaScript executado em um ambiente de servidor com Node.js.
O aplicativo é empacotado e distribuído como uma imagem Docker, ou seja, é compatível com vários ambientes de servidor e serviços em nuvem.

Um contêiner do servidor do Gerenciador de tags funciona com um contêiner da Web do Gerenciador de tags ou com a biblioteca gtag.js. As bibliotecas do lado do cliente têm mecanismos que coletam dados do navegador da Web e os enviam ao ambiente de inclusão de tags no servidor.


Diagrama mostrando a interação entre o cliente do GA4 e o contêiner da Web
Termo Definição
Cliente Os clientes são um recurso do Gerenciador de tags disponível apenas nos contêineres do servidor.

O objetivo principal de um cliente é analisar uma solicitação HTTP recebida e gerar um objeto de dados de eventos que será usado pelas tags.

Cada cliente pode "reivindicar" apenas uma solicitação HTTP recebida. Quando um cliente reivindica a solicitação, nenhum outro pode ser ativado nela.
Solicitação Uma solicitação se refere à solicitação HTTP enviada ao contêiner do servidor. Esse contêiner só consegue processar dados quando recebe solicitações HTTP. Depois que o contêiner termina o trabalho, ele envia uma resposta à origem da solicitação HTTP.
Dados de eventos O cliente analisa a solicitação HTTP recebida em um formato padronizado de Dados de eventos.

Os dados de eventos são análogos à "camada de dados" no contêiner da Web. É possível usar os objetos de dados de eventos gerados para disparar e aprimorar as tags do lado do servidor.
Acionadores Os acionadores em um contêiner do servidor estão sempre relacionados ao objeto dos dados de eventos gerado pelo cliente. Não há acionadores click ou scroll, por exemplo.
Tags Só é possível usar as tags se o cliente gera um objeto de dados de eventos. Nem todos os clientes fazem isso, então é necessário saber como eles funcionam ao fazer a instalação no contêiner do servidor.

O cliente integrado do Google Analytics 4 (GA4) que usamos neste tutorial gera um objeto de dados de eventos padronizado, o que facilita o disparo de tags com a solicitação do GA4 recebida.
Variáveis As variáveis em um contêiner do servidor geralmente fazem referência a itens no objeto de dados de eventos. É possível configurar variáveis para extrair valores direto da solicitação HTTP recebida (como cabeçalhos). Você pode criar modelos personalizados para ter ainda mais flexibilidade.

Onde colocar as tags?

Se as tags implantadas em um ambiente de inclusão de tags no servidor precisarem saber o que a pessoa faz em uma página da Web ou em um app, algumas tags ainda terão que ser executadas no navegador ou aplicativo. O contêiner do servidor é executado no ambiente do lado do servidor e, por isso, não tem acesso ao que acontece em uma página da Web ou app. O contêiner na sua página da Web ou aplicativo se comunica com o contêiner do servidor usando solicitações de rede.

Por exemplo, se você quiser coletar dados sobre interações do usuário em uma página da Web, como cliques, rolagens e preenchimento de formulários, ainda será necessário executar a tag de configuração do GA4 no navegador da Web para enviar essas informações ao endpoint da inclusão de tags no servidor. Da mesma forma, para coletar eventos personalizados referentes a interações com o site, coloque uma tag de evento do GA4 no contêiner da Web do Gerenciador de tags.

Resumo

Um contêiner do servidor amplia os recursos de um contêiner da Web. Ele permite atender com mais facilidade aos requisitos de privacidade e melhorar a performance do site. Inclua a tag no contêiner da Web se ela depende de uma atividade que acontece no navegador do usuário. Todas as outras tags podem ser executadas em um contêiner do servidor.