Analisi per Remix

Analisi di prodotto per Remix

Remix sposta il lavoro sul server, ed è proprio per questo che il lato browser non viene misurato. Aggiungi visualizzazioni di pagina, eventi, registrazioni e heatmap in un unico punto.

Inizia gratis Guida all'installazione

Perché è importante

Cosa possono finalmente vedere i team Remix

Il lavoro lato server non lascia tracce lato client

Loader e action vengono eseguiti dove nessun tag di analisi può vederli. Il tracciamento nel browser registra cosa ha fatto la persona, non solo cosa è stato chiesto al server.

Gli invii falliti sembrano non esistere

Un errore di validazione restituito da un'action chiude il percorso in silenzio. Le registrazioni mostrano il campo che l'utente non è riuscito a superare e il messaggio che gli è stato mostrato.

Il prefetching gonfia i tuoi numeri

Remix precarica le route al passaggio del mouse, quindi le analisi basate sui log del server contano pagine che nessuno ha aperto. Le visualizzazioni di pagina lato client scattano solo quando una route viene effettivamente mostrata.

Configurazione

Aggiungi PulsePanda a Remix

Inserisci il tag nella shell del documento della route principale, accanto a Meta e Links, così si carica una sola volta per tutta l'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>
  );
}

Dopo il primo caricamento Remix naviga lato client, e l'SDK segue queste transizioni da solo, senza un useEffect in ogni route.

Flusso di lavoro

Dall'installazione all'insight

Installa lo snippet

Aggiungi lo script una sola volta ad app/root.tsx e ogni route annidata è coperta.

Traccia ciò che conta

Chiama pulsepanda.track() sulle azioni chiave e pulsepanda.identify() dopo l'accesso per collegare eventi, sessioni e feedback a ogni utente.

Agisci in base ai dati

Crea funnel, guarda le registrazioni dietro gli abbandoni, leggi le heatmap e raccogli feedback nel prodotto, tutto in un unico workspace.

Cosa ottieni

Un solo snippet, il quadro completo

Un solo snippet, il quadro completo
Livello di analisi	Visualizzazioni di pagina, eventi personalizzati, funnel di conversione e retention.
Livello del comportamento	Registrazione delle sessioni, heatmap di clic e scroll e contesto degli errori.
Livello del feedback	Sondaggi incorporati, widget di feedback, moduli e una bacheca di voto delle funzionalità.

FAQ

Domande su Remix

Dove va esattamente lo script in Remix?

In app/root.tsx, all'interno dell'head del componente documento. Quel file avvolge ogni route, quindi un solo tag copre l'intera app.

Traccia i cambi delle route annidate?

Sì. Le visualizzazioni di pagina seguono l'URL, quindi una route annidata che cambia la barra degli indirizzi viene registrata come qualsiasi altra navigazione.

Posso tracciare l'invio di un modulo da un'action?

Traccialo nel browser invece che nell'action: chiama track() quando l'invio va a buon fine, così l'evento resta collegato alla sessione e alla sua registrazione.

Pagine correlate

Scopri di più

Aggiungi analisi alla tua app Remix

Installa una volta e collega analisi, registrazione delle sessioni, heatmap, funnel e feedback in pochi minuti.

Inizia gratis