Tutoriais confiáveis de WordPress, quando você mais precisa.
Guia para Iniciantes em WordPress
WPB Cup
Mais de 25 Milhões
Sites usando nossos plugins
16+
Anos de experiência com WordPress
3000+
Tutoriais de WordPress por especialistas

Como Instalar o Microsoft Clarity Analytics no WordPress

Você já olhou as análises do seu site e se perguntou não apenas *o que* seus visitantes fizeram, mas *por que* eles fizeram isso? Por muito tempo, confiamos no Google Analytics, mas sempre sentimos que estávamos perdendo a história por trás dos números.

É aí que o Microsoft Clarity muda o jogo. Ele fornece ferramentas visuais como mapas de calor e gravações de sessão, mostrando exatamente como os usuários interagem com seu site. Isso ajuda você a ir além das suposições para fazer melhorias reais.

Neste guia, mostraremos o método simples que usamos para instalar o Microsoft Clarity em nossos sites WordPress. É uma maneira poderosa e gratuita de entender melhor seu público.

Como Instalar o Microsoft Clarity Analytics no WordPress

Pronto para começar? Aqui está um resumo rápido do que abordaremos neste tutorial:


O que é o Microsoft Clarity e por que usá-lo?

Microsoft Clarity é uma ferramenta de análise gratuita para sites. Ela ajuda você a ver as páginas mais populares em seu site e como os usuários clicam, rolam e interagem com essas páginas.

O recurso mais importante do Microsoft Clarity é sua visualização de dados do comportamento do usuário. Isso inclui rastreamento de cliques, relatórios de mapas de calor, gravações de sessão e muito mais.

Achamos útil para ir além das métricas tradicionais. Enquanto o Google Analytics diz o que aconteceu em seu site, o Clarity mostra exatamente como aconteceu.

Mapas de calor mostram um relatório visual de como os usuários movem o mouse, bem como onde eles clicam, selecionam e rolam. Usamos essas informações para otimizar o posicionamento de botões e melhorar o layout do conteúdo para um melhor engajamento.

Mapa de calor mostrando interações do usuário em um site

Da mesma forma, as gravações de sessão ajudam você a ver como os usuários visualizam seu conteúdo, onde eles passam mais tempo e o que os afasta do seu site WordPress.

Essas informações ajudam você a criar uma melhor experiência do usuário para seus usuários, melhorar o desempenho e aumentar as conversões de vendas.

Visualizando o painel de análise do Microsoft Clarity

Observação: A Microsoft adverte que o Clarity não deve ser usado em sites que contenham dados sensíveis, incluindo informações de cuidados de saúde, serviços financeiros ou informações relacionadas ao governo do usuário.


Microsoft Clarity vs. Google Analytics: Qual a Diferença?

Como especialistas em análise de WordPress, frequentemente nos perguntam se devemos escolher entre Microsoft Clarity e Google Analytics. A verdade é que eles servem a propósitos diferentes e funcionam melhor quando usados juntos.

O Google Analytics é a melhor solução de análise do mercado porque oferece muitos recursos de rastreamento aprofundados. O Microsoft Clarity, por outro lado, foca na visualização das interações do usuário com mapas de calor e gravações de sessão.

O Google Analytics ajuda você a rastrear quase tudo em seu site. Ele também possui rastreamento aprimorado de comércio eletrônico, rastreamento de conversão e relatórios detalhados.

Uma boa maneira de pensar sobre isso é que o Google Analytics diz o que aconteceu (por exemplo, 100 pessoas abandonaram sua página de checkout), enquanto o Clarity mostra por que isso pode ter acontecido (como um botão quebrado as impedia de prosseguir).

O Microsoft Clarity é uma plataforma dedicada de análise de comportamento que complementa perfeitamente o Google Analytics, desbloqueando recursos visuais como mapas de calor e gravações de sessões de visitantes.

Antes do recurso de análise da Microsoft, muitos proprietários de sites usavam soluções pagas de mapas de calor como Hotjar ou CrazyEgg em conjunto com o Google Analytics, mas agora você tem uma alternativa gratuita a essas ferramentas.

Recomendamos instalar o Google Analytics em todos os seus sites. Os dados que ele fornece são essenciais para entender seu público e tomar decisões baseadas em dados para melhorar seu SEO e aumentar seu tráfego.

Ambos funcionam muito bem sem afetar a funcionalidade do seu site.

É fácil adicionar o Microsoft Clarity a qualquer site. Você precisa se inscrever no Microsoft Clarity e, em seguida, adicionar um código de rastreamento ao seu site. Vamos guiá-lo pelo processo passo a passo.


Adicionando o Microsoft Clarity ao WordPress

Existem algumas maneiras de adicionar o Microsoft Clarity ao seu site. Você pode escolher o método que funciona melhor para você.

Método 1: Adicionar o Microsoft Clarity Usando o Plugin Oficial (Mais Fácil)

A maneira mais fácil de adicionar o Microsoft Clarity ao WordPress é com o plugin oficial do Microsoft Clarity. Recomendamos fortemente este método para iniciantes, pois geralmente você não precisa sair do seu site ou tocar em nenhum código.

Primeiro, instale e ative o plugin Microsoft Clarity. Para mais detalhes, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, você será automaticamente levado para a tela de configuração do Clarity. Na maioria dos casos, você será solicitado a fazer login. Você pode fazer login usando uma conta existente do Google, Microsoft ou Facebook.

Opções de Login do Microsoft Clarity

Observação para Usuários do Safari e Bloqueadores de Anúncios: Se o seu navegador bloquear scripts de rastreamento, o plugin pode pular a tela de login e pedir o ID do projeto Clarity em vez disso. Se isso acontecer, simplesmente pule para a nossa seção abaixo sobre Obtendo seu Código de Rastreamento Clarity para aprender como criar sua conta e encontrar seu ID de Projeto. Você pode então colar esse ID diretamente nesta caixa.

Se você conseguiu fazer login normalmente, o assistente pode mostrar uma tela pedindo para ‘Ativar cookies para o Clarity’.

O plugin precisa deles para exibir seu painel dentro do WordPress com segurança. Prossiga e clique no botão para ativá-los.

Configuração de Cookies de Terceiros do Microsoft Clarity

Se o seu navegador impedir a ativação dos cookies, basta clicar no link ‘Não quero ativar cookies de terceiros’. O Clarity ainda rastreará seu site perfeitamente. Você apenas fará login no site principal do Microsoft Clarity para visualizar seus dados.

Em seguida, o assistente fará algumas perguntas rápidas sobre seu projeto. Simplesmente siga as instruções na tela.

Assim que terminar essas perguntas, o Clarity criará automaticamente seu projeto e conectará seu site. Você não precisa copiar ou colar nenhum código de rastreamento.

É isso. Seu site agora está enviando dados para o Clarity. Você pode visualizar seus mapas de calor e gravações diretamente no seu painel do WordPress clicando no novo item de menu ‘Clarity’ na sua barra lateral esquerda.

Obtendo seu Código de Rastreamento Clarity (Para os Métodos 2 e 3)

Primeiro, acesse o site Microsoft Clarity e clique no botão ‘Começar’. Você precisa de uma conta Microsoft, Facebook ou Google para se inscrever.

Após se inscrever, você verá o painel do Clarity com um pop-up para adicionar um novo projeto.

Vá em frente e insira um nome para o seu projeto. Você pode usar o nome do seu site para torná-lo facilmente reconhecível. Em seguida, insira o URL do seu site.

Configurando um novo projeto no Microsoft Clarity

Assim que você criar seu novo projeto, será perguntado como você deseja instalar o Clarity.

Você deve clicar na opção 'Obter código de rastreamento'.

Instalar o Clarity Usando um Código de Rastreamento

Agora você verá o código de rastreamento que precisa adicionar ao seu site WordPress.

Simplesmente clique no botão 'Copiar para a área de transferência'.

Copiando o código de rastreamento do Clarity

Dependendo do método que você usa para adicionar este código ao seu site WordPress, você pode precisar do código de rastreamento completo ou apenas do seu ID de projeto. Você encontrará o ID do projeto no final do código de rastreamento, pouco antes de </script>.

Na captura de tela acima, é ‘ejbjp9k5ge’. Lembre-se, seu próprio ID de projeto será um código diferente e exclusivo.

Recomendamos deixar esta aba aberta ou copiar o código para um local seguro. Você precisará dele na próxima etapa deste tutorial.

Método 2: Adicionando o Código do Microsoft Clarity Usando o WPCode

A maneira mais segura e fácil de adicionar código ao seu site é com o WPCode, o melhor plugin de snippets de código do WordPress. Este plugin permite adicionar qualquer script no cabeçalho ou rodapé do seu site diretamente do seu painel do WordPress (sem necessidade de FTP ou cPanel).

Depois de instalar e ativar o WPCode Free Plugin, você precisa visitar a página Code Snippets » Header & Footer.

Uma vez lá, você deve colar todo o código de rastreamento do Microsoft Clarity no campo ‘Header’.

Cole o Código de Rastreamento do Microsoft Clarity no Campo de Cabeçalho do WPCode

Não se esqueça de clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.

O plugin agora adicionará automaticamente o código de análise do Microsoft Clarity a todas as páginas do seu site WordPress para que você possa rastrear a atividade dos visitantes do site no seu site.

Método 3: Adicionando o Código do Microsoft Clarity Usando All in One SEO

All in One SEO é o melhor plugin de SEO para WordPress que permite otimizar facilmente seu site WordPress para mecanismos de busca e plataformas de mídia social. Mostramos como tirar o máximo proveito dele em nosso guia sobre como configurar corretamente o All in One SEO para WordPress.

Se você tem o All in One SEO instalado em seu site, então você pode usá-lo para adicionar o código de rastreamento do Microsoft Clarity.

Simplesmente vá para All in One SEO » Configurações Gerais » Ferramentas do Webmaster e clique no ícone ‘Microsoft Clarity’.

Um campo aparecerá onde você pode colar seu ID de projeto do Clarity. Este é o último item em seu código de rastreamento do Clarity e se parecerá com algo como ‘ejbjp9k5ge’.

Colando o ID do projeto Microsoft Clarity no AIOSEO

Certifique-se de clicar no botão ‘Salvar Alterações’ depois, e seu site WordPress será conectado ao Microsoft Clarity.

Dica Pro: Se você estiver usando um plugin de cache do WordPress, precisará limpar o cache do seu WordPress após adicionar o ID do projeto ou o código de rastreamento. Isso é importante porque, caso contrário, a Microsoft não poderá verificar seu site por algumas horas.

Bônus: Conecte o Microsoft Clarity ao Google Analytics

Se você já usa o Google Analytics, pode vinculá-lo à sua conta Clarity para obter insights mais profundos. Isso permite filtrar as gravações de sessão e os mapas de calor do Clarity por segmentos do Google Analytics.

Por exemplo, você pode visualizar gravações apenas de visitantes de pesquisa orgânica ou de usuários que concluíram uma compra.

Para conectar os dois, abra seu projeto Clarity e vá para Configurações » Integrações. Clique na opção Google Analytics e insira seu ID de Medição GA4.

Se você não tem certeza de onde encontrar isso, pode seguir nosso guia sobre como instalar o Google Analytics 4 no WordPress. Simplesmente vá ao seu painel do Google Analytics, clique em ‘Admin’ e procure em seus ‘Fluxos de Dados’ para encontrar o ID.

Ver ID do fluxo e ID de medição

Após salvar, o Clarity começará a enriquecer as gravações com seus dados do GA em poucas horas.

Esta integração é totalmente opcional, mas é especialmente útil se você quiser entender por que determinados segmentos de tráfego se comportam de maneira diferente em seu site.


Usando o Microsoft Clarity

Assim que você tiver instalado o código de rastreamento e limpo seu cache do WordPress, o Microsoft começará a registrar os dados de sessão dos visitantes.

No entanto, provavelmente levará até 2 horas antes que você possa ver quaisquer resultados em sua conta Clarity.

Usando o Painel do Microsoft Clarity

Simplesmente faça login em sua conta Clarity após algumas horas, e você deverá ser capaz de ver o resumo da atividade em seu painel.

Visualizando o painel de análise do Microsoft Clarity

Você pode ver insights úteis como a porcentagem de sessões que tiveram ‘cliques mortos’. Estes são cliques que não levam a lugar nenhum. Por exemplo, os usuários podem estar clicando em uma imagem, pensando que é um botão ou um link.

Outra estatística útil são os ‘rage clicks’, quando os usuários clicam ou tocam rapidamente na mesma área. Prestar atenção a essas métricas pode ajudá-lo a tornar seu site mais amigável.

O painel também mostra o número de ‘quick backs’. Estes ocorrem quando um usuário sai de uma página e, em seguida, volta muito rapidamente para ela.

Ele também rastreia rolagem excessiva quando os usuários rolam uma página mais do que o esperado. E, assim como o Google Analytics, a Microsoft facilita a visualização das páginas mais populares em seu site.

Usando Gravações do Microsoft Clarity

A aba ‘Gravações’ mostra gravações de diferentes sessões de usuários. Você obtém os detalhes do dispositivo do usuário, sistema operacional e país.

O Clarity também informa o número de páginas visitadas, a duração e o tempo da sessão, e o número de cliques que eles fizeram.

Clarity mostrando as gravações de sessões de usuários

As gravações permitem que você assista a uma animação dos movimentos do mouse e cliques. Na captura de tela acima, você pode ver um usuário mover o mouse para o link de arquivos de novembro e clicar nele.

Usando Mapas de Calor do Microsoft Clarity

A aba ‘Heatmaps’ mostra um mapa de calor do seu site. Eles ajudam você a ver quais seções são populares em seu site com base no número de pessoas que clicam.

Mapa de calor do Clarity mostrando cliques do mouse

O mapa de calor também mostrará o quão longe os usuários rolaram a página e quais áreas da página receberam mais cliques.

Visualizando Dados do Clarity Dentro do WordPress

Uma das funcionalidades mais úteis do plugin oficial Microsoft Clarity é o painel incorporado. Se você instalou o Clarity usando o Método 1, pode visualizar suas análises diretamente da sua área de administração do WordPress.

Para acessar isso, basta olhar no menu de administração do WordPress à esquerda e clicar no novo item de menu Clarity.

Visite o Menu Clarity no WordPress

Isso carregará seu painel do Clarity diretamente no WordPress. Isso significa que você não precisa abrir uma nova aba ou fazer login em um site separado para verificar como os visitantes estão interagindo com seu site.

A visualização incorporada oferece acesso total aos mesmos dados do painel externo do Clarity. Você pode assistir a gravações de sessões, visualizar mapas de calor e analisar métricas de engajamento e detalhamento de dispositivos sem sair do seu site.

Em nosso site de teste, ele começou a exibir informações úteis quase imediatamente.

Painel do Microsoft Clarity no WordPress
Clarity Copilot e Clarity Chat

O Microsoft Clarity também inclui recursos de IA integrados que tornam incrivelmente fácil extrair insights sem ter que revisar manualmente horas de gravações.

O primeiro é o Clarity Copilot, que resume automaticamente suas gravações de sessão e fornece os principais insights sobre os padrões de comportamento do usuário em linguagem clara. Você pode usar este recurso de duas maneiras diferentes.

Para obter uma visão geral do seu tráfego, navegue até a guia ‘Gravações’ em seu painel e clique no botão ‘Resumir Gravações’ perto do canto superior direito da sua tela. A IA analisará sua lista atual de gravações e gerará um resumo rápido das tendências gerais.

Resumindo Gravações do Microsoft Clarity no WordPress

Observação: Se você tem um site novo ou acabou de instalar o Clarity, pode ver uma mensagem “Não há gravações suficientes para gerar um resumo”. A IA precisa de uma certa quantidade de dados reais de visitantes para identificar padrões. Apenas dê a ela alguns dias para coletar tráfego, e os resumos começarão a funcionar!

Se você quiser entender a jornada de um usuário específico, também pode resumir gravações individuais. Basta procurar sob a gravação específica o botão ‘Gerar Insights da Sessão’. Parece uma bolha de fala de desenho animado com duas faíscas.

Visualizando Insights de Sessão do Microsoft Clarity no WordPress

O próximo é o recurso de chat interativo. Isso permite que você faça perguntas sobre seus dados de análise em inglês claro. Por exemplo, você pode perguntar: “Quais páginas têm mais cliques de raiva?” ou “Onde os usuários estão abandonando meu fluxo de checkout?” e obter uma resposta direta.

Abrindo o Copilot no Microsoft Clarity

Você pode encontrar este recurso clicando no ícone do Copilot localizado no canto superior direito do seu painel do Clarity.

Um painel de chat será aberto onde você pode digitar suas perguntas diretamente.

Conversando com o Copilot do Microsoft Clarity no WordPress

A melhor parte é que todos esses recursos de IA estão disponíveis diretamente no seu painel do Clarity e estão incluídos no plano gratuito, sem necessidade de configuração adicional.


Considerações Finais sobre a Ferramenta de Análise Microsoft Clarity

O Microsoft Clarity é uma ferramenta de análise poderosa com recursos incríveis para iniciantes. Embora não seja uma alternativa à poderosa plataforma Google Analytics, ele oferece recursos interessantes como mapas de calor e gravação de sessões gratuitos.

Frequentemente, novos proprietários de sites querem ver mapas de calor e gravações de sessão, mas não têm orçamento para comprar soluções premium como HotJar ou CrazyEgg. Bem, agora você pode usar o Microsoft Clarity.

Usando os mapas de calor e as gravações de sessão, você deve ser capaz de otimizar seu site ou a experiência da sua loja online para melhorar a experiência do usuário e aumentar as vendas.


Perguntas Frequentes Sobre o Microsoft Clarity

Recebemos muitas perguntas sobre ferramentas de análise. Para te ajudar, compilamos respostas para as perguntas mais comuns sobre o uso do Microsoft Clarity em seu site WordPress.

1. O Microsoft Clarity é realmente gratuito para usar?

Sim, o Microsoft Clarity é totalmente gratuito. Não há limites de tráfego ou planos pagos, o que lhe dá acesso total a recursos como mapas de calor e gravações de sessão sem nenhum custo.

2. O Microsoft Clarity vai deixar meu site lento?

A Microsoft projetou o script de rastreamento do Clarity para ser assíncrono. Isso significa que ele carrega independentemente e não bloqueará o carregamento do conteúdo do seu site para seus visitantes. Não observamos nenhum impacto negativo na velocidade do site.

3. Posso usar o Microsoft Clarity e o Google Analytics ao mesmo tempo?

Absolutamente. Na verdade, eles funcionam melhor juntos. O Google Analytics é ótimo para rastrear números e tendências (como quantas pessoas visitaram uma página e de onde vieram). O Clarity fornece a história visual por trás desses números (mostrando exatamente onde as pessoas clicaram e rolaram naquela página).

4. Quanto tempo leva para os dados aparecerem no meu painel do Clarity?

Após instalar o código de rastreamento, pode levar até 2 horas para que o primeiro lote de dados de visitantes apareça no seu painel. Após esse processamento inicial, novos dados de sessão aparecerão muito rapidamente, muitas vezes em tempo quase real.

5. O Microsoft Clarity é melhor que o Hotjar?

Ambas as ferramentas oferecem mapas de calor e gravações de sessões, mas diferem em preço e profundidade. O plano gratuito do Hotjar é limitado a 35 gravações de sessões diárias, enquanto o Microsoft Clarity é totalmente gratuito, sem limites de sessões ou tráfego.

O Clarity também inclui recursos com IA (Clarity Copilot e Clarity Chat) que o Hotjar não oferece. O Hotjar tem ferramentas mais robustas de pesquisa e feedback do usuário, portanto, se você precisa de pesquisas na página ou widgets de feedback, vale a pena considerá-lo junto com o Clarity.

6. Como usar o Microsoft Clarity para melhorar o SEO?

O Clarity ajuda indiretamente com o SEO, destacando páginas onde os usuários estão frustrados ou desengajados. Altas taxas de cliques de raiva em uma página podem sinalizar um elemento quebrado ou um link enganoso, ambos afetando os sinais de experiência do usuário.

As gravações de sessões podem mostrar onde os visitantes ficam confusos e saem, ajudando você a identificar conteúdo fraco ou confuso que pode estar causando altas taxas de rejeição.

7. O que são Clarity Copilot e Clarity Chat?

Clarity Copilot e Clarity Chat são recursos de IA integrados ao painel do Microsoft Clarity. O Copilot gera resumos automáticos de seus mapas de calor e gravações de sessões para que você possa entender rapidamente as tendências de comportamento sem assistir a gravações individuais.

O Clarity Chat é uma interface conversacional onde você pode fazer perguntas sobre seus dados em linguagem simples e obter respostas diretas. Ambos os recursos são gratuitos e estão disponíveis para todos os usuários do Clarity.


Recursos Adicionais Sobre Análises de WordPress

Esperamos que este artigo tenha ajudado você a aprender como instalar o Microsoft Clarity Analytics no WordPress. Você também pode querer ver outros guias relacionados a análises do WordPress:

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

8 ComentáriosDeixe uma Resposta

  1. O Microsoft Clarity funciona maravilhosamente bem junto com o Google Analytics. Os mapas de calor mudam o jogo para a otimização de landing pages!
    Bom que funciona tanto para desktop quanto para mobile. Os usuários se comportam totalmente diferente em cada dispositivo, então isso me ajuda a acertar os ajustes de design responsivo.
    A funcionalidade de “rage clicks” também tem sido uma mão na roda. Ela me ajudou a identificar e corrigir problemas de UI nos sites dos meus clientes muito rapidamente.

  2. Eu geralmente uso o WP Code e insiro o código do Clarity diretamente no cabeçalho ou em outra parte do site que sempre é exibida (como o rodapé). É bem seguro e simples. Agora vejo que o AIO SEO também pode fazer isso, e de uma maneira ainda mais fácil. Suponho que a versão lite também possa fazer isso? Terei que experimentar, pois adicionar códigos é simples, mas esta seria uma maneira mais rápida.

  3. Sempre confiei no Google Analytics por suas robustas capacidades de rastreamento e relatórios detalhados, especialmente quando se trata de entender o desempenho do meu e-commerce. No entanto, quero agradecer por apresentar o Microsoft Clarity. A ideia de visualizar as interações do usuário com mapas de calor e gravações de sessão é intrigante e adiciona uma camada de insights que a análise tradicional às vezes perde. Embora possa não substituir o Google Analytics para mim, posso ver como usá-los juntos pode oferecer uma visão mais abrangente do comportamento do usuário. Essa combinação pode ser um divisor de águas para qualquer pessoa séria sobre a otimização da experiência do usuário de seu site.

  4. Estou considerando o Clarity, especialmente agora que posso integrá-lo com o AIO SEO. Tenho apenas curiosidade se a integração geral com o Microsoft Clarity poderia afetar negativamente a velocidade do site?

    Estou considerando o Microsoft Clarity temporariamente apenas para mapas de calor, para determinar a melhor colocação, por exemplo, para o Google AdSense. Nesse contexto, faz sentido para mim identificar as áreas menos utilizadas no site e direcionar a publicidade para lá.

    • Não deve ter um grande impacto, mas ainda não fizemos uma análise completa e aprofundada de quaisquer alterações de velocidade no momento.

      Admin

      • Obrigado pelo conselho. Finalmente conectei o site ao Clarity graças ao AIO SEO e tudo funciona perfeitamente. É uma ferramenta muito legal. Já está no site há alguns dias, mas estou encantado com ele.

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.