O Nitro esconde o lado do cliente
Os logs do servidor dizem que uma rota foi renderizada, não se alguém a leu, rolou ou desistiu dela. O rastreamento no cliente cobre tudo o que o servidor nunca vê.
Analytics para Nuxt
Analytics de produto para Nuxt
Veja como os visitantes percorrem seu app Nuxt — páginas vistas, eventos personalizados, session replay e mapas de calor — sem montar um plugin para cada coisa.
Por que isso importa
O que times de Nuxt finalmente conseguem ver
A navegação suave não é contada
Depois do primeiro carregamento, o Nuxt troca de página sem uma requisição completa. Ferramentas que só contam carregamentos de documento reportam uma única página vista para a sessão inteira.
Erros de hidratação ficam invisíveis
Uma incompatibilidade de hidratação quebra a página para o usuário, mas a resposta do servidor continua parecendo correta. O replay mostra a tela quebrada que o visitante realmente viu.
Configuração
Adicione o PulsePanda ao Nuxt
Registre o script no bloco app.head do nuxt.config.ts. Ele se aplica a todas as rotas, tanto em SSR quanto em SSG.
nuxt.config.ts
// nuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
script: [
{
src: 'https://pulsepanda.dev/sdk.js',
'data-project': 'YOUR_PROJECT_ID',
defer: true
}
]
}
}
})O Nuxt navega com a History API, então mudanças de rota são detectadas automaticamente — você não precisa de um hook do router para registrar páginas vistas.
Fluxo de trabalho
Da instalação ao insight
Instale o snippet
Adicione o script uma vez no nuxt.config.ts e todas as rotas do seu app ficam cobertas.
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álise | Visualizações de página, eventos personalizados, funis de conversão e retenção. |
|---|---|
| Camada de comportamento | Session replay, mapas de calor de clique e rolagem e contexto de erro. |
| Camada de feedback | Pesquisas dentro do produto, widgets de feedback, formulários e um quadro de votação de recursos. |
Perguntas frequentes
Perguntas sobre Nuxt
Isso funciona com o Nuxt em modo SSR?
Sim. O snippet é apenas do lado do cliente, então roda após a hidratação, independentemente de a página ter sido renderizada no servidor, gerada estaticamente ou ambos.
Preciso de um plugin ou módulo do Nuxt?
Não. A entrada em app.head basta para páginas vistas e replay. Adicione um plugin só se quiser chamar track() a partir de composables em um único lugar.
Isso vai prejudicar minhas pontuações de performance no Nuxt?
A tag usa defer, então carrega depois que seu app fica interativo e não bloqueia a renderização nem a primeira pintura.
Páginas relacionadas
Explorar mais
Adicione analytics ao seu app Nuxt
Instale uma vez e conecte análise, session replay, mapas de calor, funis e feedback em minutos.
Comece grátis