Análise para Svelte

Análise de produto para Svelte

Adicione análise de produto completa — eventos, funis, session replay e mapas de calor — ao seu app Svelte ou SvelteKit a partir de uma única tag de script, com a navegação do cliente rastreada automaticamente.

Comece grátis Guia de instalação

Por que isso importa

O que as equipes de Svelte finalmente conseguem ver

Rotas do cliente ficam sem contagem

O SvelteKit navega no navegador. O PulsePanda rastreia cada transição para que suas visualizações de página reflitam o uso real.

Sem visão sobre a adoção

Rastreie eventos personalizados para medir quais recursos e rotas os usuários alcançam após cada release.

Os problemas de UI são invisíveis

Session replay e mapas de calor revelam onde os usuários têm dificuldade dentro dos seus componentes.

Configuração

Adicionar o PulsePanda ao Svelte

Adicione o snippet a src/app.html, o template HTML que o SvelteKit usa em cada página.

SvelteKit — src/app.html

<!doctype html>
<html lang="en">
  <head>
    %sveltekit.head%
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div>%sveltekit.body%</div>
  </body>
</html>

Para um app Svelte puro (Vite), adicione o mesmo snippet a index.html em vez disso.

Fluxo de trabalho

Da instalação ao insight

Instale o snippet

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

Ele rastreia a navegação do SvelteKit?

Sim. O SDK escuta as mudanças da History API, então as transições de rota do lado do cliente do SvelteKit são registradas como visualizações de página automaticamente.

Onde coloco o snippet no SvelteKit?

Em src/app.html dentro do <head>. Ele então carrega em todas as páginas renderizadas no servidor e navegadas pelo cliente.

Posso enviar eventos a partir de um componente Svelte?

Sim. Chame pulsepanda.track("event", { props }) dentro de qualquer manipulador ou função de ciclo de vida.

Páginas relacionadas

Explorar mais

Adicione análise ao seu app Svelte

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

Comece grátis