Análise para React

Análise de produto para React

O PulsePanda dá ao seu single-page app React análise de produto completa — eventos, funis, session replay e mapas de calor — a partir de uma única tag de script, com mudanças de rota do lado do cliente rastreadas prontas para uso.

Comece grátis Guia de instalação

Por que isso importa

O que as equipes de React finalmente conseguem ver

SPAs relatam uma visualização de página

Um app React carrega uma vez e depois troca as visualizações no navegador. O PulsePanda rastreia cada navegação dentro do app para que sua análise reflita o uso real, não uma única landing page.

Sem insight sobre os componentes usados

Dispare eventos personalizados nos botões e fluxos que importam para você para medir a adoção de recursos e componentes específicos.

Bugs de UI difíceis de reproduzir

O session replay captura o DOM renderizado e os erros para que você possa ver o estado exato que quebrou para um usuário.

Configuração

Adicionar o PulsePanda ao React

O PulsePanda é agnóstico a frameworks, então a instalação mais simples é uma tag de script no seu shell HTML. Adicione-a ao <head> do seu arquivo HTML de entrada.

Vite — index.html (ou public/index.html para o CRA)

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>

Depois de carregado, chame pulsepanda.track("event_name", { ...props }) a partir de qualquer componente para registrar eventos personalizados e construir funis.

Fluxo de trabalho

Da instalação ao insight

Instale o snippet

Adicione o script uma vez ao seu projeto React. Análise web, cliques capturados automaticamente, session replay e mapas de calor começam a coletar imediatamente.

Rastreie o que importa

Chame pulsepanda.track() em ações importantes e pulsepanda.identify() após o login para conectar eventos, sessões e feedback a cada usuário.

Aja com base nos dados

Construa funis, assista aos replays por trás das desistências, leia mapas de calor e colete feedback dentro do produto — tudo em um só workspace.

O que você ganha

Um snippet, o panorama completo

Camada de análiseVisualizações de página, eventos personalizados, funis de conversão e retenção.

Camada de comportamentoSession replay, mapas de calor de clique e rolagem e contexto de erro.

Camada de feedbackPesquisas dentro do produto, widgets de feedback, formulários e um quadro de votação de recursos.

Perguntas frequentes

Perguntas sobre React

Funciona com React Router?

Sim. O SDK rastreia a navegação da History API, então mudanças de rota do React Router, TanStack Router ou qualquer roteador do cliente são capturadas como visualizações de página automaticamente.

Funciona com Create React App e Vite?

Ambos. Adicione o script a public/index.html para o CRA ou a index.html para o Vite. Não há dependência de etapa de build.

Como identifico usuários logados?

Após o login, chame pulsepanda.identify("user_id", { email, plan }) para que sessões, eventos e feedback se conectem à mesma pessoa entre as visitas.

Páginas relacionadas

Explorar mais

Adicione análise ao seu app React

Instale uma vez e conecte análise, session replay, mapas de calor, funis e feedback em minutos.

Comece grátis