Você Já Imaginou quanto dinheiro pode estar escapando com erros 404 invisíveis?
O que você irá aprender?
Estudos mostram que erros 404 podem resultar em uma experiência negativa para o usuário, levando ao abandono do site e potencial perda de conversões. Embora não haja um percentual exato disponível, é amplamente reconhecido que páginas de erro impactam negativamente a experiência do usuário. Agora, imagine que você esteja pagando por esse tráfego perdido sem sequer perceber.
O Problema: Por Que os Erros 404 Podem Passar Despercebidos
Em muitas aplicações, especialmente em Single Page Applications (SPA), um usuário pode acessar uma URL inválida sem ser redirecionado para uma página de erro (como /404). Isso gera consequências sérias:
- O GA4 interpreta a visita como se a página fosse válida.
- A origem da mídia é perdida, dificultando a atribuição correta do tráfego.
- Você continua investindo em cliques que, na prática, não se convertem.
Se você está investindo R$10.000/mês em Google Ads e 5% dos cliques levam a uma página inexistente, isso significa que R$500 estão sendo desperdiçados. E se essa porcentagem for maior? O prejuízo escala rapidamente.
O Impacto no Investimento em Mídia Paga e no SEO
Mídia Paga
- Orçamento Desperdiçado: Campanhas que direcionam para URLs inválidas consomem parte do seu investimento sem gerar retorno.
- Análise Comprometida: Dificuldade em mensurar a real performance dos anúncios, já que os cliques não são convertidos corretamente.
SEO
- Ranqueamento Prejudicado: O Google pode interpretar a existência de páginas inválidas como um sinal de baixa qualidade, impactando negativamente o posicionamento do site.
- Experiência do Usuário: Links quebrados podem diminuir a confiança dos visitantes e aumentar a taxa de rejeição.
A Solução: Monitoramento Automático de Erros 404 com errAlytics
Desenvolvi o errAlytics para identificar automaticamente erros de diferentes tipos, garantindo que cada clique – seja de campanha paga ou tráfego orgânico – seja rastreado corretamente. Os eventos capturados são enviados para a camada de dados do Google Tag Manager (GTM), permitindo que o usuário implemente a configuração necessária para enviá-los ao Google Analytics 4 (GA4).
Como Implementar o errAlytics
- Instalação via Google Tag Manager (GTM) Adicione o seguinte script em uma tag HTML personalizada no GTM:
<script src="https://cdn.jsdelivr.net/npm/erralytics/dist/err-alytics.min.js"></script>
<script>
var tracker = new ErrAlytics();
tracker.track();
</script>
- Instalação via Gerenciador de Pacotes (npm)
npm install err-alytics
import ErrAlytics from 'err-alytics';
const tracker = new ErrAlytics();
tracker.track().then((response) => {
console.log('Status verificado:', response.status);
});
- Instalação Direta no Código-Fonte (CDN)
Coloque o seguinte trecho no final do da página:
<script src="https://cdn.jsdelivr.net/npm/erralytics/dist/err-alytics.min.js"></script>
<script>
var tracker = new ErrAlytics();
tracker.track();
</script>
Eventos Capturados pelo errAlytics
O errAlytics permite rastrear diversos tipos de erros HTTP e enviar os eventos correspondentes para a camada de dados do GTM. Dessa forma, o usuário pode configurar a implementação para enviar esses eventos ao GA4.
Código HTTP | Nome do Evento | Mensagem |
400 | bad_request | Dados inválidos enviados |
401 | unauthorized | Acesso não autorizado |
403 | forbidden | Acesso proibido |
404 | page_not_found | Caminho inválido: window.location.pathname |
408 | request_timeout | Tempo de requisição excedido |
429 | too_many_requests | Muitas requisições |
500 | server_error | Erro no servidor |
502 | bad_gateway | Gateway inválido |
503 | service_unavailable | Serviço indisponível |
504 | gateway_timeout | Gateway expirou |
Os eventos acima são disparados automaticamente e podem ser utilizados para criar gatilhos e monitoramentos dentro do GA4 via GTM.
Considerações Finais
O link do repositório no GitHub ta aqui para galera que quiser contribuir com o projeto