Resposta rápida
O que é o Microsoft Clarity e para que serve?
O Microsoft Clarity é uma ferramenta gratuita de análise de comportamento de utilizadores, criada pela Microsoft, que mostra exatamente como os visitantes interagem com o seu site. Ao contrário do Google Analytics, que responde ao quantos, o Clarity responde ao porquê, onde clicam, onde param, quanto fazem scroll, onde ficam confusos e porque abandonam. Inclui gravações de sessão (vídeo real de cada visita), mapas de calor automáticos de cliques e scroll, e deteção de rage clicks (cliques repetidos de frustração) e dead clicks (cliques em elementos que não respondem). É completamente gratuito, sem limite de sessões, sem amostragem de dados e instala-se em menos de 10 minutos em qualquer site, WordPress, Shopify ou HTML puro.
O que vai aprender neste artigo?
O que cada um faz e porque precisa dos dois.
Em WordPress e em Shopify, com e sem plugin.
O que procurar e como filtrar as mais úteis.
Cliques, scroll e movimento do rato.
O que fazer quando encontrar cada problema.
O Google Analytics diz-lhe que 70% dos clientes abandonam o checkout, mas não diz porquê. O Microsoft Clarity mostra-lhe exactamente o que aconteceu, o cliente ficou confuso com o campo do NIF, tentou clicar num elemento que não era clicável, ou simplesmente não conseguiu usar o formulário no telemóvel. Esta diferença entre o quê e o porquê é o que torna o Clarity indispensável para qualquer proprietário de loja online que queira melhorar a conversão com dados reais em vez de suposições.
O Clarity e o Google Analytics fazem a mesma coisa?
Não, e perceber a diferença é o primeiro passo para usar cada um corretamente. As duas ferramentas são complementares, não concorrentes. Numa analogia simples, o Google Analytics mostra os resultados de um jogo de futebol e o Clarity mostra o filme do jogo.
Microsoft Clarity
- Gravações de sessão, vídeo real de cada visita
- Mapas de calor de cliques, scroll e movimento
- Rage clicks e dead clicks automáticos
- Filtros por dispositivo, país, página de entrada, etc.
- IA que resume padrões automaticamente
- Integração com Google Analytics
Google Analytics
- Número de visitas, sessões e utilizadores únicos
- Origem do tráfego (orgânico, pago, social, etc.)
- Taxa de conversão e receita por produto
- Funil de checkout com taxas de abandono
- Dados demográficos e geográficos
- Não mostra o que o utilizador fez na página
O fluxo ideal é o GA diz onde investigar, Clarity mostra o quê
O Google Analytics mostra que a página de checkout tem 68% de abandono. O Clarity mostra que 34% dos utilizadores mobile clicam repetidamente no botão “Confirmar encomenda” sem resultado, porque o botão não funciona em ecrãs pequenos. O GA identifica o problema e o Clarity resolve-o.
Como instalar o Microsoft Clarity em menos de 10 minutos?
A instalação do Clarity é uma das mais simples entre ferramentas de analytics, não requer programação e está disponível como plugin nativo para WordPress e WooCommerce. Siga os passos abaixo.
1. Criar conta gratuita em clarity.microsoft.com
Aceda a clarity.microsoft.com e faça login com uma conta Microsoft (pode criar uma gratuitamente com qualquer email). Clique em “Criar novo projecto”, dê um nome à loja e introduza o URL do site. A conta é 100% gratuita, não existe versão paga.
2. Obter o código de rastreamento (Tracking ID)
Após criar o projecto, o Clarity fornece um bloco de código JavaScript e um Tracking ID (código de 10 caracteres, por exemplo, abc123xyz0). Precisará deste ID para a instalação via plugin, ou do bloco de código completo para instalação manual.
3a. WordPress via plugin (recomendado)
No painel WordPress, vá a Plugins → Adicionar novo e pesquise por “Microsoft Clarity”. Instale e ative o plugin oficial da Microsoft. Nas definições do plugin, cole o Tracking ID obtido no passo 2. Guarde. Concluído, sem tocar em código.
3b. Shopify via integração nativa
No painel Shopify, vá a Online Store → Themes → Edit code. Abra o ficheiro theme.liquid e cole o bloco de código JavaScript do Clarity imediatamente antes da tag de fecho </head>. Guarde. Alternativamente, use o Google Tag Manager se já o tiver instalado.
4. Verificar a instalação
Após instalar, visite o seu site num separador privado. No painel do Clarity, em Setup → Verify installation, o sistema confirma se está a receber dados. As primeiras gravações aparecem em 2 horas a 24 horas, não em tempo real. Após 48 horas, o dashboard já tem dados suficientes para começar a analisar.
RGPD: O que tem de configurar antes de activar
O Clarity grava comportamento de utilizadores, o que constitui processamento de dados pessoais sob o RGPD. Antes de activar, certifique-se de que a sua política de privacidade menciona o uso de ferramentas de análise de comportamento, o banner de cookies pede consentimento para cookies de analytics, e o Clarity está configurado paramascarar automaticamente campos de formulário sensíveis(por defeito já está, verifique em Settings → Masking). O Clarity anonimiza IPs por defeito e não regista passwords ou dados de cartão.
Como analisar as gravações de sessão sem perder horas?
As gravações de sessão são o elemento mais poderoso do Clarity, e também o mais fácil de usar mal. Ver todas as sessões aleatoriamente é uma perda de tempo. A forma correcta é filtrar primeiro, observar depois.
Os filtros mais úteis para começar
Rage Clicks
Filtre sessões com rage clicks para encontrar botões que não funcionam, elementos que parecem clicáveis mas não são, e erros de checkout que estão a bloquear vendas activamente.
Dead Clicks
Cliques em elementos sem resposta revelam problemas de design, imagens de produto que parecem links, categorias sem âncora, ou botões com CSS incorrectos em mobile.
Sessões Mobile com Abandono
Filtre por dispositivo mobile e saída na página de checkout. Estas sessões revelam os problemas mais críticos e com maior impacto directo em vendas perdidas.
Sessões Longas sem Conversão
Utilizadores que passam mais de 3 minutos no site sem comprar estão interessados mas encontraram um obstáculo. Estas sessões revelam problemas de confiança, preços ou informação em falta.
Quick Backs (Regresso Imediato)
O utilizador entrou numa página e saiu em menos de 5 segundos. Indica que o conteúdo não correspondeu ao que esperava, título enganoso, página lenta ou design pouco credível.
Sessões que Converteram
Observe o percurso dos clientes que compraram, que páginas visitaram, como chegaram ao produto, quanto tempo demoraram. Este padrão é o que deve replicar para os outros visitantes.
Opinião TTHRIVE
Na nossa experiência a otimizar lojas online para clientes portugueses, as gravações de sessão do Clarity revelam consistentemente o mesmo tipo de problemas, campos de formulário que não funcionam bem em mobile, elementos visuais que parecem botões mas não são, e páginas de checkout que pedem demasiada informação. São problemas simples, às vezes uma linha de CSS, que ninguém descobriria sem ver o comportamento real dos utilizadores. O Clarity torna isto acessível a qualquer proprietário de loja, sem precisar de contratar um especialista para cada análise.
Como ler os mapas de calor do Clarity?
Os heatmaps (mapas de calor) do Clarity são gerados automaticamente para todas as páginas, não é necessário configurá-los. Existem três tipos, cada um com uma leitura diferente.
Mapa de cliques: Mostra onde os utilizadores clicam mais, visualizado como manchas de calor (vermelho significa muitos cliques, azul ou verde significa poucos). O que deve procurar é se cliques estão concentrados onde espera. Há cliques em elementos que não são links? O botão principal (Adicionar ao carrinho, Comprar, etc.) está numa zona quente?
Mapa de scroll: Mostra até onde os utilizadores fazem scroll em cada página. O que deve procurar é onde cai bruscamente a percentagem de utilizadores. Se 80% veem o topo da página de produto mas só 20% chegam ao botão “Adicionar ao carrinho”.
Mapa de movimento do rato: Mostra o percurso do cursor. Os utilizadores “lêem” com o rato, o movimento revela quais os elementos que captam atenção visual antes do clique. Útil para perceber o que os utilizadores vêem mas não clicam.
Dica prática: Compare mobile contra desktop no mesmo heatmap
O Clarity permite alternar entre heatmaps de desktop e mobile na mesma página. É comum descobrir que o mapa de cliques de desktop mostra um padrão saudável, e o de mobile mostra rage clicks concentrados num botão que não funciona em ecrãs pequenos. Esta comparação é o primeiro filtro que recomendamos fazer em qualquer loja.
O que são rage clicks e dead clicks?
São os dois alertas mais directamente relacionados com vendas perdidas, e o Clarity deteta-os e sinaliza-os automaticamente.
Rage clicks são cliques repetidos e rápidos no mesmo elemento num curto espaço de tempo, o equivalente digital de bater com o punho na mesa. Significam que o utilizador esperava que algo acontecesse, não aconteceu, e ficou frustrado. As causas mais comuns numa loja online são o botão de adicionar ao carrinho que não responde imediatamente, link quebrado, formulário com erro que não mostra mensagem de erro clara, ou página lenta que o utilizador pensa que não está a carregar.
Dead clicks são cliques em elementos que não têm qualquer comportamento interativo, o utilizador clicou, mas nada aconteceu porque o elemento não é clicável. Causas típicas são imagem de produto sem link, texto sublinhado que não é um link, ícone decorativo que parece um botão, ou elemento com CSS que imita um botão sem ter funcionalidade.
Que acções concretas devo tomar com cada dado do Clarity?
Ter dados é o primeiro passo, saber o que fazer com eles é o segundo. A tabela abaixo é um guia de acção directo, o que o Clarity mostra e o que fazer quando o encontrar.
| O que o Clarity mostra | O que provavelmente significa | Acção a tomar | Prioridade |
|---|---|---|---|
| Rage clicks no botão de checkout | Botão lento, erro silencioso ou formulário bloqueado | Testar o checkout em mobile, verificar erros de JavaScript na consola e verificar tempo de resposta do gateway de pagamento | Alta |
| Dead clicks numa imagem de produto | Cliente esperava abrir a imagem em tamanho real | Activar lightbox na galeria de produto e tornar imagens clicáveis com zoom | Média |
| Scroll cai a 40% na página de produto | CTA (botão) está demasiado abaixo do fold | Subir o botão “Adicionar ao carrinho” para os primeiros 60% da página e adicionar CTA fixo em mobile | Alta |
| Quick backs na página de envio | Custos de envio inesperados ou opções confusas | Mostrar custos de envio na página de produto, simplificar opções de entrega e adicionar calculadora de envio | Alta |
| Cliques repetidos no menu em mobile | Menu difícil de usar ou áreas de toque pequenas | Aumentar área de toque dos itens de menum testar em ecrãs de 375px de largura e rever estrutura de navegação | Média |
| Sessões longas na página de produto sem adicionar ao carrinho | Dúvidas não respondidas, como por exemplo, tamanho, compatibilidade e entrega | Adicionar FAQ na página de produto, melhorar descrição e adicionar live chat ou chatbot | Média |
| Heatmap frio na zona de avaliações | Avaliações não estão visíveis ou estão abaixo do fold | Subir widget de avaliações para cima do fold na página de produto e mostrar rating no título | Baixa |
| Dead clicks no rodapé em mobile | Links do rodapé com área de toque insuficiente | Aumentar padding dos links do rodapé em mobile e agrupar links em acordeões | Baixa |
Clarity AI: O copiloto que analisa por si
O Clarity tem um assistente de IA integrado que resume automaticamente os padrões mais importantes, sem precisar de ver centenas de gravações. No painel, o separador “Copilot” mostra as principais oportunidades de melhoria identificadas pela IA, com linguagem simples. É um bom ponto de partida para quem não tem tempo para análise manual detalhada.
Quer ajuda a interpretar os dados do Clarity e implementar melhorias na sua loja?
