Como configurar o Google Tag Manager Container Server Container

Coletar dados sobre os visitantes do seu site é crucial para analisar e melhorar a presença online da empresa, alcançar usuários e convertê-los em clientes. Existem duas maneiras de coletar dados: no lado do cliente e no lado do servidor, ambas com seus benefícios e restrições.

Com o rastreamento no lado do cliente, o navegador envia uma solicitação diretamente a um serviço de rastreamento de terceiros, como o Google Analytics. A interação ocorre entre o navegador e o serviço de terceiros. Com o rastreamento no lado do servidor, é adicionado um ponto intermediário. Nesse caso, é o servidor em nuvem do Google Tag Manager. A solicitação é enviada primeiro ao servidor em nuvem, que a processa e a envia para um sistema de terceiros (Google Analytics). Isso significa que o servidor em nuvem processa a solicitação em vez do navegador do cliente.

O rastreamento no lado do servidor do Google Tag Manager (GTM) permite que os proprietários de sites movam pixels de rastreamento de terceiros do seu site para o servidor em nuvem. Isso significa que o navegador do cliente não processará mais os pixels de rastreamento, que serão carregados diretamente do servidor. Essa abordagem oferece os seguintes benefícios:

• Dados mais precisos
• Tempo de carregamento mais rápido do site
• Maior controle sobre a privacidade

Seus instrumentos de análise de marketing digital (como Google Analytics) podem funcionar sem executar cookies de terceiros no lado do cliente. Com os contêineres de servidor apropriados configurados, você esquecerá o pesado JavaScript, cookies de terceiros bloqueados e dados incompletos nas ferramentas de análise.

Todas as solicitações serão consideradas como de primeira parte se o rastreamento no lado do servidor estiver hospedado no subdomínio do seu site. O Google oferece uma descrição detalhada do rastreamento no lado do servidor do GTM e como ele pode beneficiar seu site.

Existem muitos elementos comuns entre os contêineres da web e do servidor, como tags, gatilhos, variáveis, modo de visualização, etc. No entanto, a configuração do contêiner no lado do servidor do GTM é mais complexa do que a do contêiner da web padrão.

A principal complexidade ao configurar um contêiner no lado do servidor do GTM é configurar o ambiente em nuvem para executar o contêiner sGTM. Com a ajuda do Stape, configurar servidores em nuvem para o sGTM leva apenas 5 minutos, e não há necessidade de contratar desenvolvedores. Além disso, o Stape oferece recursos adicionais além do servidor do Google Tag Manager, como contornar bloqueadores de anúncios, aumentar a duração dos cookies, enviar dados offline, etc.

A seguir, um guia passo a passo sobre como configurar o contêiner de GTM no lado do servidor.

1. Selecione sua conta GTM → Clique em "Admin" → Clique no ícone "+" ao lado do nome do contêiner.

2. Adicione o Nome do Contêiner → Em Plataforma de destino, escolha "Servidor". Clique em "Criar".

3. Escolha "Provisionar servidor de marcação manualmente". Copie sua configuração de contêiner. Precisaremos dela nos próximos passos.

1. Aceda a stape.io e crie uma conta ou inicie sessão.

2. Clique em Criar contentor sGTM na página principal.

3. Introduza os detalhes do seu contentor.

• Nome do contentor — atribua um nome ao seu contentor (por conveniência, recomendamos que utilize o mesmo nome que atribuiu ao contentor do servidor no GTM).
• Configuração do contentor — cole os dados de Configuração do contentor que copiou da janela pop-up Instalar o Google Tag Manager. Se os perdeu, aceda a Google Tag Manager → clique em Admin → clique em Definições do contentor → copie a sequência de caracteres em Configuração do contentor.

• Localização do servidor — para obter o melhor desempenho, escolha a localização do servidor mais próxima da localização da maioria dos seus clientes. Consulte a lista de localizações de servidores disponíveis aqui. Além disso, pode optar pela opção de localização de servidor multizona global se tiver tráfego proveniente de diferentes regiões. Esta opção encaminhará automaticamente os pedidos recebidos para a zona disponível mais próxima, com base no endereço IP do utilizador.

Em seguida, clique em Criar contentor.

4. Escolha um plano para o seu contentor. Pode começar com um plano Gratuito. Clique em Continuar com um plano gratuito.

5. Verá o estado do seu contentor, a configuração do contentor e o nome do plano. A implementação de um contentor de servidor demora cerca de 5 minutos.

Atualize a página para atualizar o estado. Se a configuração do Google Tag Manager do lado do servidor tiver sido feita corretamente, deverá ver o estado Em execução.

Você pode usar um URL de servidor de marcação personalizado para configurar cookies de primeira parte. O URL de servidor de marcação personalizado ou o domínio personalizado deve compartilhar o mesmo domínio que o seu site. Por exemplo, se o domínio do seu site for exemplo.com, o URL do servidor de marcação será ss.exemplo.com.

Existem três maneiras de configurar um domínio personalizado:

• Mesma origem
• Subdomínio
• Domínio padrão

Em um post de blog detalhado, você pode encontrar uma descrição de como mapear um domínio personalizado para o contêiner do servidor do Google Tag Manager, usando a mesma origem (Cloudflare e nginx).

Mas aqui, abordaremos a configuração de um subdomínio personalizado:

Utilize um URL do servidor de tagging personalizado, também denominado domínio personalizado, para definir cookies de primeira parte. Este URL deve utilizar o mesmo domínio raiz que o seu site. Por exemplo, se o seu site for `example.com`, o URL do seu servidor de tagging pode ser `ss.example.com`.

Existem três formas de configurar um domínio personalizado:

• Mesma origem – o servidor de tagging partilha exatamente o mesmo domínio e caminho que o seu site. Saiba mais sobre como configurar um domínio personalizado com a mesma origem.
• Subdomínio – o servidor de etiquetagem funciona num subdomínio do seu domínio raiz. Neste artigo, iremos guiá-lo ao longo desta configuração.
• Domínio predefinido – sem domínio personalizado; utiliza o endereço padrão fornecido pela Stape.

Escolha o seu contentor no Stape, role para baixo e clique em Add custom domain.

Adicione o Subdomain name - pode ser qualquer nome que prefira, mas certifique-se de evitar termos específicos de publicidade ou rastreamento: ad, gtm, stgm, tracking, analytics, metrics, stape, gtag, etc.

Uma Content Delivery Network (CDN) distribui os recursos do seu site por uma rede global de servidores para reduzir a latência e melhorar os tempos de carregamento para utilizadores em diferentes localizações. É útil se o seu público estiver distribuído geograficamente ou se pretender melhorar o rastreamento de cookies e a precisão dos dados.

Por predefinição, a CDN está desativada, o que significa que os ficheiros JavaScript (como gtm.js, gtag.js e analytics.js) são servidos diretamente a partir da localização do servidor onde o seu contentor sGTM está alojado. Na prática, isto contorna tanto a Stape Global CDN como a Own CDN, estabelecendo uma ligação direta e sem proxy entre o seu site e o contentor sGTM.

Para ativar a CDN, clique no botão Add CDN e selecione uma das seguintes opções:

• Stape Global CDN: carrega scripts a partir do servidor mais próximo da localização do visitante do seu site, o que reduz a latência e melhora os tempos de carregamento de páginas para públicos distribuídos geograficamente. Utilizaremos a Stape Global CDN na nossa configuração. Esta funcionalidade é gratuita e está disponível para todos os contentores sGTM do Stape.

• Own CDN (incompatível com a opção de ligação Automatically (via Entri)): ajuda a encaminhar o domínio personalizado sGTM e a fazer proxy do tráfego sGTM através do fornecedor DNS do seu site. Neste caso, os endereços IP do seu site e do domínio personalizado sGTM coincidirão, e os cookies do lado do servidor serão considerados de primeira parte. Como resultado, permite aumentar a duração dos cookies.

De seguida, na secção How to connect, existem duas formas de ligar um domínio personalizado ao seu contentor:

• Automatically (via Entri)

A forma mais simples de ligar domínios. Inicie sessão com as credenciais do seu fornecedor DNS através do Entri e conceda-nos uma autorização única para ligar o seu domínio. Depois disso, pode avançar diretamente para o Passo 5 para verificar o seu domínio; não é necessária qualquer configuração manual.

• Manually

Com esta opção, terá de adicionar registos DNS manualmente no seu fornecedor de alojamento para ligar o seu subdomínio ao Stape.

Depois de adicionar um subdomínio personalizado ao seu contentor, verá os registos DNS que devem ser criados para verificar o domínio personalizado. O registo DNS depende da localização do servidor e da opção CDN escolhida. No passo seguinte, mostramos como adicionar registos DNS.

Por predefinição, a verificação do subdomínio é realizada com registos CNAME, mas também pode verificar o seu subdomínio com registos A e AAAA se necessário (normalmente quando precisa de evitar a adição de registos duplicados).

Cobrimos ambas as opções abaixo com um guia passo a passo sobre como criar registos utilizando o Cloudflare. Pode utilizar qualquer outro fornecedor.

Depois de ter introduzido os registos DNS no seu fornecedor DNS, regresse à página do contentor Stape onde configurou o domínio personalizado e clique em Verify.

Aguarde que o Stape conclua a verificação do seu domínio personalizado (quando a barra de estado do contentor mudar de Verifying para Ready). Normalmente, a verificação do domínio personalizado demora 2 a 3 horas. Para alguns fornecedores de DNS, a verificação dos registos pode demorar até 72 horas. Enviar-lhe-emos um e-mail assim que o domínio personalizado for verificado ou caso seja detetado algum erro.

Se tiver problemas com a verificação do domínio, siga o nosso guia de resolução de problemas de domínios personalizados.

Aceda ao seu contentor servidor do Google Tag Manager → Admin → Container Settings → altere o Tagging server URL para o seu subdomínio.

Atualizar o script

Se utilizar um domínio personalizado, é altamente recomendável atualizar o script Web GTM no seu site. Esta alteração carregará o gtm.js a partir do seu domínio. Para isso, substitua o domínio predefinido googletagmanager.com pelo domínio personalizado que configurou no passo anterior.

Em alternativa, pode automatizar este processo com o Custom Loader power-up. Em vez de editar manualmente o script GTM, o Custom Loader gera um snippet de código pronto a usar que carrega os scripts GTM e GA4 diretamente a partir do seu domínio personalizado. Isto poupa tempo, torna os seus scripts de rastreamento mais resistentes a bloqueadores de anúncios e garante que todos os cookies são tratados como de primeira parte.

Abra seu contêiner Web, crie uma nova tag - Tag do Google. Adicione seu ID da Tag do Google.

Na seção Configurações de configuração, adicione os seguintes parâmetros:

• Nome: server_container_url
• Valor: Insira o URL que você criou.

Adicione um gatilho à tag GA4. Normalmente, ele deve ser acionado em todas as visualizações de página.

Opcional: Você também pode criar uma variável de configuração de Tag do Google, que predefine as configurações da Tag do Google se você precisar usar várias Tags no seu site e não quiser adicionar manualmente as configurações para cada uma das tags.

Para configurar o evento GA4, vá para a seção Tags e crie uma nova tag com o tipo Google Analytics: Evento GA4. Adicione seu ID GA4 e o nome do evento. Há uma lista de nomes de eventos padrão.

Abra o contêiner de servidor do Google Tag Manager → Clique em Cliente → Crie um cliente GA4 e salve-o → Vá para Tags e configure a tag GA4. Lembre-se de que o GA4 envia automaticamente não apenas visualizações de página, mas também outros eventos.

Abra o contêiner de servidor do Google Tag Manager → Clique em Cliente → Crie um cliente GA4 e salve-o → Vá para Tags e configure a tag GA4. Lembre-se de que o GA4 envia automaticamente não apenas visualizações de página, mas também outros eventos.

No campo Nome do Evento, escolha a variável {{Event Name}} → Adicione um gatilho onde o nome do cliente seja igual a GA4.

Abra os modos de visualização dos contêineres Web e Servidor e verifique se você vê as solicitações GA4. Em seguida, publique a atualização nos contêineres do Google Tag Manager para servidor e web.

Você pode tornar o rastreamento no lado do servidor do Google Analytics 4 ainda mais preciso usando um loader GA4 personalizado. Isso permitirá que o GA4 contorne ferramentas de bloqueio, como bloqueadores de anúncios e outras tecnologias de privacidade que tentam impedir que os rastreadores coletem dados sobre as atividades dos visitantes. Como resultado, você verá o quadro completo dos usuários que visitam seu site e terá mais dados para otimização de anúncios e criação de públicos personalizados.

Como configurar um loader personalizado:

1. Faça login na sua conta Stape e selecione seu container sGTM no painel.

2. Vá para Power-ups e clique em Use ao lado do painel Custom Loader painel.

3. Ative o botão do Custom Loader para ativá-lo e clique em Save changes.

4. Na seção Code & Setup information as seguintes configurações:

• Domain - selecione um dos domínios vinculados ao seu container.
• Web GTM ID - insira seu ID do web Google Tag Manager.
• Enhanced ad blocker protection - quando ativado, todas as solicitações ao seu servidor sGTM são criptografadas para que bloqueadores de anúncios não possam bloqueá-las com base nos padrões de solicitação. Saiba mais sobre a enhanced ad blocker protection.
• Same Origin Path - se você usa a same-origin approach, insira o caminho aqui para que tanto o GTM quanto o gtag.js sejam carregados por ele.
• Platform - aqui você pode:

  • Selecionar sua plataforma CMS (como Shopify, Wordpress, etc.). Nesse caso, você precisará instalar e configurar um app Stape. 
  • Selecionar Other para receber um snippet JS caso esteja usando outra plataforma ou um site personalizado.

4. Depois de atualizar o código GTM Web e configurar o GA4 no lado do servidor, você pode verificar as solicitações GTM e GA4 modificadas na rede.

O URL da solicitação do Google Tag Manager deve ter a seguinte aparência:

URL do servidor de marcação/identificador do contêiner stape.js?st=ID GTM Web sem letras GTM.

No nosso caso, é: https://load.gtm.stape.dog/covxbvwx.js?st=PMVQSJH

O URL da solicitação GA4 deve ter a seguinte aparência:

URL do servidor de marcação/gt+identificador do contêiner stape.js?id=Identificador GA4...

No nosso caso, é: https://load.gtm.stape.dog/gtcovxbvwx.js?id=G-0SME9XLYER

É isso! Agora você configurou um contêiner de servidor e o Google Analytics funciona através do seu contêiner de servidor. Se você quiser carregar o GA dentro do seu domínio e tornar as solicitações GA de primeira parte, siga estas etapas para usar um subdomínio personalizado. E nossa equipe de especialistas pode ajudar você!