Pular para o conteúdo principal

Implementação de Evento Espelhado para Rastreamento de Compras em SPA (GTM)

Atualizado

Em sites que não realizam o recarregamento completo da página durante a navegação, como SPAs (Single Page Applications), é necessário criar um evento específico no Google Tag Manager (GTM) para garantir que a ferramenta consiga capturar os dados dos pedidos de forma consistente.
Essa abordagem evita falhas intermitentes de rastreamento e assegura a correta mensuração das conversões.

1️⃣ Criar Acionador – Evento Original

  1. Acesse sua conta no GTM

  2. Vá em Acionadores → Novo → Configuração

Configurações do acionador:

  • Tipo de acionador: Outros → Evento personalizado

  • Nome do evento: purchase

  • Este acionador é ativado em: Todos os eventos personalizados

  • Nome do acionador: EV – purchase (original)



2️⃣ Criar Tag – Espelhamento do Evento

  1. Acesse Tags → Nova → Configuração da Tag

Configurações da tag:

  • Nome da tag: HTML – Espelhar evento purchase

  • Tipo de tag: Personalizar → HTML personalizado

Código:

<script>
(function () {
 try {
   if (!window.dataLayer) return;
   var dataLayerAtual = window.dataLayer;
   var ultimoEvento = dataLayerAtual[dataLayerAtual.length - 1];
   if (!ultimoEvento || ultimoEvento.event !== 'purchase') return;
   if (ultimoEvento.__espelhado === true) return;
   var eventoEspelhado = JSON.parse(JSON.stringify(ultimoEvento));
   eventoEspelhado.event = 'purchase_mirror';
   eventoEspelhado.__espelhado = true;
   window.dataLayer.push(eventoEspelhado);
 } catch (erro) {
   console.error('[GTM] Erro ao espelhar evento purchase', erro);
 }
})();
</script>

 

Em Acionamento, selecione o acionador “EV – purchase (original)” criado anteriormente

Clique em Salvar



 


3️⃣ Criar Acionador – Evento Espelhado

  1. Vá em Acionadores → Novo → Configuração

Configurações do acionador:

  • Nome do acionador: EV – purchase_mirror

  • Tipo de acionador: Outros → Evento personalizado

  • Nome do evento: purchase_mirror

  • Este acionador é ativado em: Todos os eventos personalizados

Clique em Salvar.

 

🚀 Finalização

Após concluir as configurações, clique em Enviar no GTM para publicar em produção os novos acionadores e tags criados.

Essa implementação garante maior estabilidade no disparo de eventos de compra em ambientes SPA, reduzindo perdas de rastreamento e inconsistências nos dados.

Relativo a

Artigos relacionados