Análise para Vue

Análise de produto para Vue

Capture visualizações de página, eventos, session replay e mapas de calor em todo o seu app Vue ou Nuxt a partir de uma única tag de script, com a navegação do Vue Router rastreada automaticamente.

Comece grátis Guia de instalação

Por que isso importa

O que as equipes de Vue finalmente conseguem ver

Visualizações do roteador são perdidas

O Vue Router troca componentes sem recarregar a página. O PulsePanda conta cada navegação para que suas contagens de visualização correspondam à realidade.

Sem dados no nível de recurso

Rastreie eventos personalizados para ver quais recursos e fluxos os usuários realmente alcançam dentro do seu app.

O atrito é invisível

Mapas de calor e session replay mostram onde os usuários hesitam, dão rage-click ou desistem nos seus componentes.

Configuração

Adicionar o PulsePanda ao Vue

Adicione o snippet ao seu arquivo de entrada HTML. Para Vue puro, use index.html; no Nuxt, adicione-o por meio de nuxt.config app head.

Vue — index.html

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

No Nuxt, adicione o mesmo script via app.head.script em nuxt.config.ts para que ele seja entregue em todas as páginas renderizadas no servidor.

Fluxo de trabalho

Da instalação ao insight

Instale o snippet

Adicione o script uma vez ao seu projeto Vue. 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 Vue

O PulsePanda rastreia a navegação do Vue Router?

Sim. O SDK conecta-se às mudanças da History API, então cada transição de rota do Vue Router ou Nuxt é registrada como uma visualização de página automaticamente.

Funciona com a renderização do lado do servidor do Nuxt?

Sim. Adicione o snippet ao app head em nuxt.config para que ele carregue em todas as páginas renderizadas; o rastreamento roda no navegador após a hidratação.

Posso rastrear eventos personalizados no Vue?

Sim. Chame pulsepanda.track("event", { props }) a partir de um método, composable ou manipulador de eventos em qualquer lugar nos seus componentes.

Páginas relacionadas

Explorar mais

Adicione análise ao seu app Vue

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

Comece grátis