Analytics para Remix

Analytics de produto para Remix

O Remix move o trabalho para o servidor, e é exatamente por isso que o lado do navegador fica sem medição. Adicione páginas vistas, eventos, replay e mapas de calor em um só lugar.

Comece grátis Guia de instalação

Por que isso importa

O que times de Remix finalmente conseguem ver

O trabalho no servidor não deixa rastro no cliente

Loaders e actions rodam onde nenhuma tag de analytics consegue vê-los. Medir no navegador registra o que a pessoa fez, não apenas o que foi pedido ao servidor.

Envios que falham parecem não existir

Um erro de validação retornado por um action encerra a jornada em silêncio. O replay mostra o campo que o usuário não conseguiu passar e a mensagem que ele viu.

O prefetch infla seus números

O Remix faz prefetch de rotas ao passar o mouse, então analytics baseada em logs conta páginas que ninguém abriu. Páginas vistas no cliente só disparam quando a rota é realmente exibida.

Configuração

Adicione o PulsePanda ao Remix

Coloque a tag no documento da rota raiz, ao lado de Meta e Links, para que carregue uma única vez em todo o app.

app/root.tsx

// app/root.tsx
import { Links, Meta, Outlet, Scripts } from '@remix-run/react';

export default function App() {
  return (
    <html lang="en">
      <head>
        <Meta />
        <Links />
        <script
          src="https://pulsepanda.dev/sdk.js"
          data-project="YOUR_PROJECT_ID"
          defer
        />
      </head>
      <body>
        <Outlet />
        <Scripts />
      </body>
    </html>
  );
}

O Remix navega no cliente depois do primeiro carregamento, e o SDK acompanha essas transições sozinho — sem useEffect em cada rota.

Fluxo de trabalho

Da instalação ao insight

Instale o snippet

Adicione o script uma vez no app/root.tsx e todas as rotas aninhadas 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

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 Remix

Onde exatamente o script vai no Remix?

No app/root.tsx, dentro do head do componente de documento. Esse arquivo envolve todas as rotas, então uma tag cobre o app inteiro.

Ele rastreia mudanças de rotas aninhadas?

Sim. As páginas vistas seguem a URL, então uma rota aninhada que muda a barra de endereços é registrada como qualquer outra navegação.

Posso rastrear o envio de um formulário a partir de um action?

Rastreie no navegador em vez de no action: chame track() quando o envio for bem-sucedido, para que o evento fique ligado à sessão e ao seu replay.

Páginas relacionadas

Explorar mais

Adicione analytics ao seu app Remix

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

Comece grátis