Como coletar 100% dos eventos do Google Analytics em seu site

Você sabia que o Google Analytics é usado por mais de 50% da Web? Isso representa dezenas de milhões de sites!

Portanto, é provável que o seu site também use o Google Analytics e que você queira aproveitar os recursos de dados e relatórios para tomar decisões informadas sobre o site, o roteiro de conteúdo, o produto e o futuro dos negócios.

Se esse for o caso, convido você a continuar lendo este tutorial prático e a saber mais sobre por que e como coletar 100% das interações na Web em seu site.

Mas eu pensei que já estava coletando 100% das interações na Web?

Infelizmente, esse não é o caso da maioria dos sites devido a várias limitações. Essas são as principais limitações tecnológicas que se tornaram cada vez mais impactantes nos últimos 10 anos. 

Estou falando de três causas principais:

#1 Conscientização sobre privacidade e novas regulamentações

Um número crescente de países vem adotando leis específicas para proteger a privacidade do consumidor, exigindo o consentimento do usuário para a coleta de dados, o que é um grande avanço para a privacidade dos consumidores.

Uma consequência menos óbvia é que menos da metade dos visitantes dá consentimento total. De acordo comestudos recentes,a taxa média de consentimento de cookies é de 31%. Em outras palavras, mais de dois terços dos seus visitantes não estão aceitando cookies de terceiros; portanto, as exibições de página e os eventos deles não chegam ao Google Analytics.

#2 Bloqueadores de anúncios

Embora tenham sido projetados especificamente para bloquear anúncios, os bloqueadores de anúncios impedem a coleta de dados do site, bloqueando automaticamente as conexões HTTP com APIs de análise populares, como o Google Analytics.

A adoção global aumentou de 3% para mais de 11% na última década. E, analisando a Europa e a América do Norte, ~50% dos visitantes usam bloqueadores de anúncios.

Em outras palavras, os bloqueadores de anúncios podem bloquear mais de 50% das interações do seu site, especialmente se o seu público-alvo for técnico e altamente qualificado.

#3 Desempenho da Web e adoção de dispositivos móveis

A conectividade lenta ou instável com a Internet, geralmente em dispositivos móveis, pode interromper o fluxo de dados do dispositivo para os servidores de rastreamento, resultando em uma perda adicional de 10% dos dados. Em 2024, quase 60% do tráfego global da Web será gerado por dispositivos móveis, em comparação com menos de 30% há apenas 10 anos.

Além disso, as estruturas modernas da Web não oferecem suporte total a navegadores mais antigos por uma questão de eficiência, o que é bom para a maioria dos visitantes. Por outro lado, é bastante comum encontrar sites populares com pontuações de compatibilidade de ~90%, o que resulta em perda adicional de dados. Na Edgee, testemunhamos casos extremos em que uma lacuna de compatibilidade de 10% causou mais de 40% de perda de dados.

Ok, então o que posso fazer a respeito?

Como proprietário ou desenvolvedor de um site, pode ser frustrante perceber que você tem pouco controle sobre as três principais causas de perda de dados que acabamos de discutir. Você precisa manter a conformidade com as normas de dados e respeitar a privacidade dos seus usuários. Você não pode forçar seus visitantes a atualizarem seus navegadores ou evitarem a navegação em dispositivos móveis e, ao mesmo tempo, proporcionar uma excelente experiência ao usuário.

A boa notícia é que há uma maneira de manter a conformidade, respeitar a privacidade dos usuários e evitar limitações do lado do cliente usando a computação de borda.

Computação de borda para o resgate

A computação de borda é um conjunto de tecnologias e arquiteturas que permitem que você mova a computação e o armazenamento de dados para mais perto do usuário para reduzir a latência, em comparação com os data centers centralizados. Da mesma forma,o usando computação de borda permite que você desloque a computação para fora do navegador, entre o cliente e o servidor, contornando efetivamente as limitações de bloqueadores de anúncios, cookies, conectividade móvel e compatibilidade com JavaScript.

Felizmente, ferramentascomo o Edgee ajudam as organizações a transformar SDKs do lado do cliente, como o Google Analytics, em componentes do WebAssembly que são executados na borda. Isso significa que você pode remover o SDK do Google Analytics do seu site, e o Edgee se encarregará de enviar visualizações de página e eventos personalizados para o GA, mesmo antes de a página ser exibida no navegador.

Tecnicamente, isso envolve um conjunto de técnicas para garantir que os bots sejam excluídos automaticamente e que os bloqueadores de anúncios não interceptem eventos gerados pelo cliente.

Vamos ver a Edgee na prática

Até agora, tudo bem! Mas como isso realmente funciona? Mais importante ainda, como você pode integrar o Edgee ao seu site de forma eficiente sem gastar inúmeras horas ou modificar seus relatórios do Google Analytics? Deixe-me mostrar a você!

As etapas a seguir não obrigarão você a fornecer um cartão de crédito ou a incorrer em cobranças inesperadas, pois o Edgee tem uma camada gratuita.

Você pode começar a usar o Edgee em 5 etapas:

1. Criar uma nova conta gratuita na Edgee
2. Crie um novo projeto do Edgee e configure o URL do backend, como https://youwebsite.com
3. Adicione um componente do Google Analytics ao seu projeto, escolhendo-o em uma lista de componentes prontos para uso
4. Integre o Edgee SDK em seu código HTML e atualize o mapeamento de eventos
5. Integre o Edgee à sua arquitetura (semelhante à CDN)

Espere, por que preciso de um novo SDK do lado do cliente?

Ótima pergunta! O Edgee SDK funciona como uma ponte e substitui os SDKs JavaScript de todos os componentes que você ativou para seu projeto. Em outras palavras, o Edgee SDK permite que nossos recursos de processamento de borda entrem em ação. Quando o Edgee intercepta esse script, ele aciona eventos de análise e outros serviços de forma transparente e direta na borda. 

O resultado? Análise em tempo real sem comprometer o desempenho do seu aplicativo. A lógica de computação de borda é executada em menos de 4 milissegundos em 99% dos casos (99º percentil). Além disso, o SDK permite que você rastreie eventos do lado do cliente, como cliques em botões ou ações personalizadas, sem recarregar a página, comunicando-se diretamente com o Edgee, para que ele não possa ser bloqueado.

Aqui está o que você precisa adicionar ao seu site:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>

E se o seu front-end for um aplicativo React, você poderá usaro pacote react-edgee desta forma:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />

Em seguida, você precisa atualizar seu código JavaScript para usar o Edgee SDK em vez do Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});

Da mesma forma, se você estiver definindo propriedades específicas do usuário:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});

Para integrações mais complexas, veja como configurar a camada de dados do Edgee no servidor e como mapear automaticamente o consentimento de cookies por meio do SDK ou das integrações internas de ferramentas como Axceptio, Didomi e OneTrust.

Estratégias de migração

A criação de um site totalmente novo é empolgante e permite que você faça experiências sem restrições. No entanto, na maioria dos casos, você já tem um site estabelecido com relatórios históricos do GA, otimizações e dados valiosos. E você não pode permitir lacunas ou entradas duplicadas em suas análises.

É por isso que recomendo a você uma das seguintes estratégias de migração. Embora aumentem um pouco a complexidade, eles permitem testes incrementais, garantem a confiabilidade e fornecem insights valiosos ao longo do caminho.

#1 Integrar e comparar

Essa estratégia é especialmente útil se você não tiver certeza sobre a extensão da perda de dados. É 5%, 20% ou 50% do total? Dependendo da resposta, você pode decidir priorizar o uso de uma ferramenta como o Edgee o mais rápido possível.

Uma ótima maneira de medir isso é integrando o Edgee à configuração existente do Google Analytics, usando uma nova propriedade do GA na mesma conta. Isso permite que você execute uma prova de conceito por algumas semanas (geralmente um mês é suficiente) e compare as duas propriedades para quantificar a lacuna de dados.

A implementação é simples, pois você não precisa modificar seu código GA existente. Basta integrar o Edgee SDK e adicionar trechos de rastreamento para eventos personalizados e de página.

Quando o experimento estiver concluído e você estiver pronto para fazer a transição total para o edge analytics, poderá passar para a próxima estratégia e eliminar a implementação antiga.

#2 Integrar e substituir

Essa estratégia se concentra na substituição total da implementação antiga do JavaScript em quatro etapas.

Primeiro, você integra o Edgee SDK e cria um novo componente do Google Analytics em seu projeto, mas mantenha-o desativado.

Em segundo lugar, você desativa a análise automática de exibição de página desta forma:

gtag('config', '<tag_id>, {
  send_page_view: false,
});

Em terceiro lugar, você se prepara para implantar essa alteração de código e ativa imediatamente o componente (inativo) que você configurou na primeira etapa. Isso garante que nenhum dado seja duplicado ou perdido.

Por fim, você converte todo o rastreamento do lado do cliente para o Edgee SDK. Embora você possa fazer isso gradualmente, recomendo alternar todos os eventos de uma vez. Isso garante uma migração limpa e permite que você remova qualquer SDK redundante, melhorando o desempenho do site.

Na documentação do Edgee, você encontrará um guia de migração ainda mais detalhado para abranger as alterações de arquitetura e de código.

Resumo e conclusões

Neste artigo, exploramos os desafios do lado do cliente que impedem você de capturar 100% das interações do site.

Em seguida, apresentamos o Edgee, uma plataforma alimentada por computação de borda que supera esses desafios, fornecendo a você dados precisos sem sacrificar a privacidade ou o desempenho.

Por último, mas não menos importante, se você é um desenvolvedor e gostaria de saber mais sobre como o Edgee funciona nos bastidores ou até mesmo descobrir como integrar seus próprios componentes personalizados, sinta-se à vontade para entrar em contato com este útil centro comunitário para depuração.

Esse espaço está evoluindo rapidamente, e muitas atualizações interessantes e novos componentes serão lançados em 2025. Enquanto isso, estamos ansiosos para saber mais sobre seus casos de uso e seus comentários!

Para aqueles que desejam aprofundar seu conhecimento sobre a tomada de decisões orientada por dados, confira o Marketing Analytics for Business - umcurso criado para ajudar você a usar a análise para estratégias de negócios mais inteligentes.