Vai al contenuto
Betterlytics

Tracciamento errori: Cattura gli errori in cui incappano i visitatori, e scopri cosa li ha provocati

Individua quali bug colpiscono più visitatori, in quale punto del codice si verificano e cosa ha fatto poi ogni visitatore. Gratis in tutti i piani, nella stessa dashboard del tuo traffico e dei tuoi replay.

2min

Replay pre-errore

Conserva fino a due minuti prima di un errore come replay, anche per le visite che di solito non registri.

0errori da estensioni

Solo i tuoi bug

Gli errori delle estensioni del browser dei visitatori vengono ignorati e i bot vengono scartati prima di salvare qualsiasi cosa.

1script

Un solo script per tutto

Analytics, errori e session replay si caricano da un unico tag script. Usi già Betterlytics? Basta un attributo.

0cookie

Niente cookie, niente IP

Gli errori vengono salvati senza cookie, indirizzi IP né query string, così la privacy dei tuoi visitatori resta intatta.

Da “non funziona” alla riga 142

La maggior parte dei visitatori che incappano in un bug se ne va senza dirtelo. Betterlytics mostra la riga che ha generato l’errore, il browser in cui è successo e quanto spesso.

A sinistra scorre un flusso continuo di segnalazioni vaghe sulla pagina dei prezzi: la stessa email sull’upgrade impossibile ricevuta tre volte, qualcuno che scrive che scegliere un piano non fa nulla, una chat con il supporto, uno screenshot sfocato, un’ipotesi sul browser, un post-it con scritto “da me funziona”, un ticket P1 secondo cui gli upgrade falliscono da lunedì e una casella del supporto con 14 messaggi non letti. A destra, lo stesso bug come un unico gruppo di errori: un TypeError lanciato in selectPlan alla riga 142 di pricing.js e chiamato da onClick in plan-card.js, su Chrome per macOS in Danimarca, su /pricing, 1206 volte.

Indovinare dalle segnalazioni

Correggere con lo stack trace

Scopri cosa hanno fatto prima e dopo

Lo stack trace mostra dove si è rotto il codice. Il resto della visita mostra cosa ha scatenato l’errore e cosa ha fatto poi il visitatore.

Una traccia di sessione con otto eventi. Prima dell’errore il visitatore è arrivato sulla homepage, ha aperto /pricing e ha scelto un piano. Il TypeError è arrivato un secondo dopo, lanciato in selectPlan alla riga 142 di pricing.js su Chrome 129 per macOS, da desktop in Danimarca. Dopo l’errore ha ricaricato /pricing, ha scelto di nuovo un piano, si è imbattuto nello stesso errore e invece di fare l’upgrade è andato su /contact.

Cosa l’ha preceduto

È arrivato sulla homepage, ha aperto la pagina prezzi e ha scelto un piano.

Dove si è rotto

Lanciato in selectPlan alla riga 142 di pricing.js, con il browser, il sistema operativo e il paese in cui si è verificato.

Com’è finita la visita

Ha ricaricato, ha ritrovato l’errore e invece di fare l’upgrade è andato su /contact.

Smaltisci la lista insieme

Gli stati sono condivisi con il tuo team, così tutti lavorano sulla stessa lista e nessuno insegue un bug già risolto.

Leggi la guida alla dashboard
  • Risolvi, ignora, segna come non risolto

    Segna come risolti gli errori già corretti e ignora quelli che non contano, così la lista mostra solo i bug ancora da sistemare.

  • Scopri chi colpisce

    Capisci se un errore sta crescendo o calando, e quali browser e dispositivi colpisce di più.

  • Filtra come nelle tue analytics

    Filtra gli errori per pagina, browser, sistema operativo, paese e altro, come nelle tue analytics, per capire se un bug colpisce solo alcuni visitatori.

  • Scorri le occorrenze

    Sfoglia ogni occorrenza con la sua visita e il suo dispositivo, e individua il pattern, ad esempio un bug che compare solo su iOS.

Passa il bug al tuo agente

Il tuo agente di coding può consultare gli errori tramite il server MCP integrato e lavorare alla correzione direttamente accanto al tuo codice.

Dalla lamentela alla correzione con una sola domanda

Riporta la lamentela di un utente a Claude Code, Cursor o a qualsiasi client MCP. L’agente trova l’errore corrispondente, legge lo stack trace e la traccia della sessione e apre il file indicato dallo stack.

Funziona con

E qualsiasi altro client che supporti MCP via HTTP.

Inizia a catturare errori con un solo attributo

Scegli cosa catturare e copia lo snippet. Gira nello stesso script delle tue analytics.

Scegli cosa catturare

  • Errori non gestiti e promise rifiutateTutto ciò che il tuo codice lancia senza catturarlo, e le promise rifiutate senza un handler.Sempre attivo
index.html
<script async  src="https://betterlytics.io/analytics.js"  data-site-id="YOUR_SITE_ID"  data-track-errors="true"></script>

Domande frequenti

Cos’è il tracciamento errori?

Il tracciamento errori, detto anche monitoraggio degli errori o error tracking, registra gli errori JavaScript in cui si imbattono i tuoi visitatori e raggruppa le ripetizioni dello stesso bug, così vedi quali si verificano più spesso. Betterlytics li cattura con lo stesso script che traccia le tue visualizzazioni di pagina e, per ognuno, conserva la sessione in cui si è verificato.

Il tracciamento errori è gratuito?

Sì. È incluso in tutti i piani, compreso quello gratuito. Ogni errore conta come un evento nel tuo limite mensile, proprio come una visualizzazione di pagina.

Quali errori vengono catturati?

Le eccezioni non gestite e le promise rifiutate non gestite, ognuna con il suo stack trace e la pagina in cui si è verificata. Puoi catturare anche le chiamate a console.error. Una richiesta fallita viene catturata solo se il tuo codice non ne gestisce l’errore. I caricamenti falliti di immagini e script sono esclusi, perché ad blocker e connessioni instabili ne riempirebbero la tua lista.

Cattura anche gli errori lato server?

No. Copre gli errori frontend, cioè il JavaScript che gira nei browser dei tuoi visitatori. Gli errori nel codice del server, nelle route API o nei job in background non vengono catturati.

Gli errori di estensioni del browser e bot vengono filtrati?

Sì. Lo script ignora gli errori il cui stack trace punta a un’estensione del browser, così l’ad blocker o il password manager di un visitatore non compare come un tuo bug. Gli errori di bot, browser headless e strumenti di test come Playwright vengono scartati prima di essere salvati, proprio come le loro visualizzazioni di pagina.

Funziona con React, Next.js e Vue?

Sì. Lo script cattura gli errori su qualsiasi sito, con qualunque framework. Gli errori che un framework intercetta da solo, come in un error boundary di React o nell’error handler di Vue, di solito vengono registrati con console.error invece di essere lanciati, quindi attiva la cattura di console.error per vedere anche quelli.

Come vengono raggruppati gli errori?

Tutte le occorrenze dello stesso bug finiscono in un unico gruppo con un conteggio progressivo, così ogni bug compare una sola volta nella tua lista anziché ogni volta che un visitatore lo incontra. Gli errori dello stesso tipo generati nello stesso punto del codice contano come un unico bug, anche quando i messaggi sono diversi.

Supportate le source map?

No. Gli stack trace mostrano il codice così come l’ha eseguito il browser, quindi i frame di un bundle minificato puntano al file minificato.

Il tracciamento errori raccoglie dati personali?

Come il resto di Betterlytics, non usa cookie. I messaggi vengono conservati così come li ha scritti il tuo codice, quindi tienili privi di dati personali e lascia disattivata la cattura della console se i tuoi log possono contenerne.

Un loop impazzito può esaurire i miei eventi?

Ogni pagina invia al massimo 10 errori dello stesso tipo ogni 10 secondi, quindi anche un loop che lancia un errore a ogni frame resta contenuto. Ignorare un gruppo lo nasconde dall’elenco, ma le nuove occorrenze continuano a contare come eventi finché non risolvi la causa.

Come funziona con il session replay?

Se una visita con un errore è stata registrata, l’errore rimanda al suo replay, con un indicatore rosso per ogni errore nella cronologia. Puoi inoltre conservare fino a due minuti prima di ogni errore come replay, anche per le visite che il session replay non registrerebbe.

Cattura il tuo primo errore oggi stesso

Aggiungi lo script di Betterlytics, o un attributo se lo hai già, e gli errori iniziano ad arrivare nella tua dashboard. Gratis in tutti i piani.