Como configurar o rastreamento no site

Visão geral

Este artigo explica como configurar o rastreamento do Metrito em qualquer site, adicionando o script principal no head de todas as páginas e, opcionalmente, configurando o subdomínio de rastreamento (DNS) para first-party tracking.

Resumo rápido:
1. Configurar (ou criar) o domínio dentro do Metrito.
2. (Recomendado) Habilitar o subdomínio de rastreamento via DNS.
3. Copiar o script de instalação.
4. Colar o script no head de todas as páginas do seu site.
5. Adicionar seus pixels dentro do Metrito (sem precisar mexer no código do site).

Funciona em praticamente qualquer tipo de site: construtores de página, WordPress, lojas próprias, código customizado etc. O único requisito é conseguir inserir o script no head.

Passo 1: Acessar a página de Trackeamento

1. No painel do Metrito, vá até o menu lateral esquerdo.

1. Clique em Trackeamento.

1. Dentro de Trackeamento, acesse a aba Instalação do script (primeiro item da página).

Nessa tela você verá:

• A lista de domínios configurados (se já existirem).

• As opções de subdomínio de rastreamento / DNS.

• O script de instalação pronto para copiar.

Passo 2: Configurar o domínio de rastreamento

Se você ainda não possui um domínio configurado para esse projeto:

1. Na página de Trackeamento, crie um novo domínio.

1. Informe o domínio que representa o seu site/projeto (ex.: meusite.com).

Esse domínio será usado para organizar o rastreamento do projeto dentro do Metrito.

Observação:
Mesmo que você não vá usar rastreamento em páginas de site (apenas WhatsApp, por exemplo), ainda assim é necessário criar um domínio no Metrito. Em último caso, você pode usar um domínio fictício apenas para estruturar o projeto.

Passo 3: Habilitar o subdomínio de rastreamento (DNS) – Recomendado

Por padrão, o script exibido na tela utilizará o domínio api.metrito.com para fazer o rastreamento. Isso funciona normalmente mesmo se você não configurar o DNS.

Porém, o recomendado é habilitar o subdomínio de rastreamento para operar em first party, no seu próprio domínio. Isso ajuda a:

• Reduzir bloqueios de adblockers.

• Minimizar bloqueios de iOS / ITP e mecanismos de privacidade.

• Melhorar a qualidade geral do rastreamento.

Na tela de instalação do script, o Metrito exibirá as instruções de DNS necessárias (registro a ser criado e valor/host de destino). O DNS é apenas um registro simples que você adiciona no seu provedor.

O registro informado na tela é um CNAME, com a seguinte configuração:

• TYPE: CNAME

• HOST: sst

• VALUE: sst.metrito.com

Em resumo, você precisará:

1. Acessar o painel de DNS da sua hospedagem ou provedor (ex.: Hostinger, HostGator, Cloudflare etc.).

1. Criar o registro CNAME exatamente como informado na tela do Metrito (host sst apontando para sst.metrito.com).

1. Salvar a alteração.

1. Aguardar alguns segundos ou minutos e, em seguida, clicar no botão Verificar DNS na própria tela do Metrito.

Importante: a propagação de DNS pode demorar um pouco dependendo do provedor. Se não verificar de primeira, espere alguns minutos e tente novamente.

Aqui entra uma imagem:
[imagem: exemplo da tela de DNS na hospedagem, mostrando a criação do registro CNAME com host sst e valor sst.metrito.com]

Também serão disponibilizados tutoriais específicos, como por exemplo:

• Como adicionar o DNS na Hostinger

• Como adicionar o DNS na HostGator

• Como adicionar o DNS na Cloudflare

Se você não quiser ou não puder configurar o DNS agora, o rastreamento continuará funcionando via api.metrito.com. Apenas não teremos todos os benefícios do first-party tracking.

Passo 4: Copiar o script de instalação

Depois de configurar (ou não) o DNS:

1. Volte à página Trackeamento > Instalação do script.

1. Garanta que o domínio correto está selecionado.

1. Copie o script de instalação exibido na tela.

Se o subdomínio de rastreamento estiver habilitado corretamente, o script já virá apontando para o seu subdomínio (first-party). Caso contrário, ele continuará utilizando api.metrito.com.

Dica:
Você pode manter esse script salvo em um bloco de notas ou arquivo interno da equipe, mas lembre-se de que, se o domínio ou a configuração mudarem, o Metrito pode gerar um script diferente.

Passo 5: Inserir o script no head do site

Agora você precisa adicionar o script em todas as páginas do seu site.

1. Acesse o painel de edição do seu site (WordPress, construtor de páginas, plataforma de e-commerce ou código próprio).

1. Localize a área de scripts globais ou a seção de head do site.

1. Cole o script do Metrito dentro da tag ******\*\*******<head>\\.

1. Salve/publicar as alterações.

Pergunta comum: “Preciso colocar o script só em algumas páginas?”
Resposta: Não. O ideal é colocar no head global para que ele carregue em todas as páginas. Assim, qualquer evento que você venha a configurar no futuro já estará coberto.

Funciona em praticamente qualquer stack:

• Construtores de página (ex.: ferramentas de landing page).

• WordPress ou outros CMS.

• Sites em código puro (HTML, React, Next.js etc.).

• Lojas customizadas.

O único requisito é o script estar dentro do head.

Passo 6: Adicionar os pixels dentro do Metrito

Depois que o script está corretamente instalado no site, você não precisa adicionar nenhum outro código de pixel diretamente no seu código, GTM ou similares. O Metrito cuida disso para você.

1. No painel do Metrito, vá novamente em Trackeamento.

1. Selecione o domínio/projeto em que você instalou o script.

1. No submenu à esquerda, clique em Pixels.

1. Clique em Adicionar novo pixel.

Você verá dois tipos de pixel disponíveis:

• Pixel Web: usado para rastrear eventos de site.

• Pixel de WhatsApp: usado para rastrear eventos de mensagens (veremos mais no artigo 1.2).

Certifique-se de que o tipo de pixel corresponde ao tipo de pixel que você criou no Gerenciador de Eventos da Meta:

• Pixel criado como web → cadastre como Pixel Web no Metrito.

• Pixel criado como mensagens → cadastre como Pixel de WhatsApp.

Depois de adicionar o(s) pixel(s) ao projeto:

• Em sites: o Metrito irá inicializar automaticamente esses pixels em todas as páginas, usando o script que você já instalou no head.

• Você não precisa instalar os pixels da Meta manualmente no site.

Checklist rápido – rastreamento no site

1. DNS configurado corretamente (se optar por utilizar first-party tracking) com o registro CNAME sst apontando para sst.metrito.com e status verificado na tela do Metrito.

1. Script instalado no head do site. Você pode verificar isso abrindo o console do navegador ou utilizando a extensão Metrito Pixel Helper para Chrome: https://chromewebstore.google.com/detail/metrito-pixel-helper/mkhemogjhbfihanefijanbbianlgjmch.

1. Pixels do Meta Ads configurados em Trackeamento > Pixels (tipos corretos: Web ou WhatsApp, de acordo com o que foi criado na Meta).

1. Checkouts configurados, caso você utilize checkouts e queira disparar eventos de compra aprovada automaticamente.

1. WhatsApps configurados, caso você utilize WhatsApp e queira rastrear eventos de conversas.

1. Verificação na aba de Visão Geral (tela de Trackeamento) para confirmar se os eventos estão sendo disparados corretamente. Ao clicar em um evento, você pode ver o status de envio para a API de Conversões do Meta Ads para cada pixel configurado: se estiver tudo certo, verá um ponto verde com o status "Sucesso"; se houver problema, verá um ponto vermelho com a mensagem "Erro".

Se todos os itens estiverem marcados, o rastreamento de site está pronto para funcionar.