Instalar o Rankito CRM via Google Tag Manager é uma alternativa elegante ao plugin WordPress ou ao snippet HTML direto. Para sites que já usam GTM como hub de tags (a maioria dos sites profissionais hoje), essa é a forma mais limpa de adicionar o tracking do Rankito sem mexer no código do site. Esse tutorial mostra o passo a passo completo.
Eu instalo o Rankito via GTM em todos os projetos da SpiderRank que já têm GTM rodando. É a opção que escolho quando o site não é WordPress ou quando o cliente já tem várias outras tags no container. Para entender o módulo de tracking dentro do produto inteiro, vale ler o review completo do Rankito CRM.
Por que via GTM em vez de outros métodos
Três vantagens claras:
1. Centralização. Todas as tags do site (Google Analytics, Meta Pixel, Hotjar, Rankito) ficam num lugar só. Adição, ajuste e remoção são via interface do GTM, sem tocar no código do site.
2. Versionamento e rollback. O GTM mantém histórico de cada versão publicada. Se algo dá errado, você reverte em segundos para a versão anterior.
3. Ambiente de teste. O modo “Visualizar e Depurar” do GTM permite testar a tag antes de publicar para todos os usuários. Reduz risco de quebrar o site.
Em compensação, o GTM exige um nível mínimo de familiaridade com a ferramenta. Se você nunca usou GTM, vale considerar começar pelo plugin WordPress (mais simples).
Pré-requisitos antes de começar
Você precisa ter:
- Conta Google Tag Manager com permissão de edição
- Container do GTM já instalado no site (snippet base no head)
- ID do projeto Rankito em mãos (no painel da plataforma, em Tracking → Pixel)
- Permissão para publicar a versão do container (algumas configurações exigem aprovação)
Se o GTM ainda não está instalado no site, esse é um passo separado — fora do escopo desse tutorial, mas a documentação oficial do Google é clara.
Passo 1: Acessar o container do GTM
Abre tagmanager.google.com, escolhe a conta correspondente ao site, e seleciona o container. A interface principal mostra três áreas: Tags, Acionadores e Variáveis. A maior parte do trabalho será na área de Tags.
Passo 2: Criar a tag base do Rankito
Clica em Tags → Nova. Dá um nome descritivo (ex: “Rankito – Pixel Base”). Em Configuração da tag, escolhe o tipo HTML personalizado.
No campo de código, cola o snippet do Rankito com o seu ID:
<script>
(function() {
var rk = document.createElement('script');
rk.src = 'https://cdn.rankito.com/pixel.js?id=SEU_ID_PROJETO';
rk.async = true;
document.head.appendChild(rk);
window.rankito = window.rankito || function(){
(window.rankito.q=window.rankito.q||[]).push(arguments)
};
})();
</script>
Substitui SEU_ID_PROJETO pelo identificador real. A função window.rankito que aparece no fim é a queue do tracker — ela aceita eventos disparados antes do script principal carregar e executa quando ele fica pronto. É boa prática.
Passo 3: Configurar o acionador como “Todas as páginas”
Na mesma tela de criação da tag, abaixo do campo de código, clica em Acionamento → Escolher um acionador. Seleciona o acionador padrão All Pages (Todas as Páginas). Esse acionador dispara em qualquer carregamento de página do site.
Salva a tag. Ela aparece na lista de Tags do container.
Passo 4: Configurar tags de eventos específicos
O pixel base captura visualizações automaticamente. Para eventos custom (formulário enviado, clique de WhatsApp, compra), você precisa criar tags adicionais.
Exemplo: tag de envio de formulário.
Cria nova tag, tipo HTML personalizado, com o código:
<script>
window.rankito('event', 'form_submitted', {
form_id: '{{Form ID}}',
form_url: '{{Page URL}}'
});
</script>
As variáveis entre chaves duplas ({{Form ID}}, {{Page URL}}) são variáveis nativas do GTM. Você ativa elas em Variáveis → Built-in → Forms. O GTM substitui essas variáveis pelos valores reais no momento da execução.
Para o acionador dessa tag, escolhe Form Submission e configura para disparar em formulários específicos do site (geralmente filtrando por classe CSS ou ID).
Passo 5: Configurar tag de clique em WhatsApp
Mesma lógica. Nova tag HTML personalizada:
<script>
window.rankito('event', 'whatsapp_click', {
click_url: '{{Click URL}}',
page_url: '{{Page URL}}'
});
</script>
Acionador: Click – Just Links, com filtro de “Click URL contém wa.me OU contém api.whatsapp.com”. Esse filtro garante que a tag só dispara em cliques relevantes.
Passo 6: Configurar tag de clique em telefone
Mesma estrutura, evento “phone_click”:
<script>
window.rankito('event', 'phone_click', {
click_url: '{{Click URL}}',
page_url: '{{Page URL}}'
});
</script>
Acionador: Click – Just Links, com filtro “Click URL começa com tel:”.
Passo 7: Testar no modo de pré-visualização
Antes de publicar para os visitantes reais, sempre teste. Clica em Visualizar no canto superior direito do GTM. Cola a URL do site e clica em conectar.
O Tag Assistant (extensão do Chrome ou modal embutido) abre. Navega pelo site, dispara as ações que você quer testar (envia formulário, clica em WhatsApp, clica em telefone). Para cada ação, o Tag Assistant mostra quais tags dispararam.
Confirma que:
- A tag base do Rankito dispara em todas as páginas
- A tag de formulário dispara quando você envia um formulário
- A tag de WhatsApp dispara quando você clica no botão
- A tag de telefone dispara quando você clica no número
Se alguma não dispara, revisa o acionador correspondente. O problema costuma ser filtro mal configurado.
Passo 8: Validar no painel do Rankito
Em paralelo, abre o painel do Rankito do projeto e vai na timeline de eventos. Cada ação que você dispara no modo de visualização do GTM deve aparecer no Rankito em até 60 segundos.
Se o GTM mostra que a tag disparou mas o Rankito não recebeu nada, é problema de comunicação. Verifica:
- Se o ID do projeto no snippet base está correto
- Se não há bloqueador de anúncio ativo (eles bloqueiam o cdn do Rankito também)
- Se a CSP do site permite o domínio do Rankito
Passo 9: Publicar a versão do container
Quando tudo está validado, sai do modo de visualização e clica em Enviar no canto superior direito do GTM. Adiciona um nome descritivo da versão (ex: “Adição do Rankito – 2026-04”) e uma descrição rápida do que mudou. Publica.
A partir desse momento, todos os visitantes do site começam a ser rastreados pelo Rankito via GTM. O processo é instantâneo.
Boas práticas de manutenção
Quatro coisas que evitam dor de cabeça:
- Documentar cada tag. Use o campo de notas do GTM para explicar o que cada tag faz e quando foi criada.
- Versionar com clareza. Cada publicação deve ter título descritivo. Facilita rollback.
- Revisar trimestralmente. Tags antigas que não fazem mais sentido devem ser removidas.
- Limitar permissões. Só pessoas treinadas devem publicar versões. Erro de tag pode quebrar tracking inteiro.
Próximo passo
Com o Rankito rodando via GTM, o próximo passo é configurar as metas de conversão dentro do painel da plataforma. Sem metas, o tracking captura eventos mas não conta valor. Para ver o produto inteiro em contexto, vale revisitar o review completo do Rankito CRM. Outros tutoriais sobre tracking, GTM e integrações estão organizados na home do oRankito.
Lucas Rodrigues é Líder de Estratégias de SEO na SpiderRank e especialista em integração de CRM. Com foco em performance, combina o poder do Rankito CRM com técnicas avançadas de otimização para escalar o tráfego orgânico e a receita de empresas.
