Hook React proprietario per l'identificazione dei dispositivi. Aggiunga identificazione dei visitatori, bot detection e smart signals alla sua applicazione React in pochi minuti.
Aggiunga l'SDK al suo progetto con il gestore di pacchetti che preferisce.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactDiventi operativo con la configurazione minima.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Pattern pronti per la produzione con gestione degli errori, stati di caricamento e configurazione avanzata.
import { TracioProvider, useTracioResult } from '@tracio/react'function App() { return ( <TracioProvider publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!} endpoint="/tracio/identify" timeoutMs={15000} > <ProtectedPage /> </TracioProvider> )}function ProtectedPage() { const { data, isLoading, error } = useTracioResult() if (isLoading) return <Spinner /> if (error) return <ErrorBanner message={error.message} /> return ( <div> <p>Visitor: {data?.visitorId}</p> <p>Bot: {data?.bot.detected ? 'detected' : 'clear'} ({data?.bot.confidence}/100)</p> </div> )}Tutte le opzioni disponibili per inizializzare e configurare l'SDK.
publicKeystringLa sua chiave pubblica dalla dashboard — può essere distribuita nel browser in sicurezzaendpointstringURL endpoint personalizzato per i deployment instradati tramite proxy — un URL esplicito prevale su regionregionstringRegione dati: us o eutimeoutMsnumberTimeout dell'intera chiamata getResult(), in millisecondilinkedIdstringIl suo ID account interno per l'utente autenticato, così le visite che condividono un dispositivo possono essere collegatetagstringEtichetta libera associata alla richiesta di identificazione, es. checkout o logindebugbooleanRegistra il ciclo di vita dello script e l'attività di rete nella console del browserscriptUrlstringOverride completo dell'URL dello script agent — per self-hosting o Subresource IntegrityApprofondisca con il riferimento API completo, la configurazione dei webhook e le guide avanzate.
Riferimento API completo, guide all'integrazione e best practice.
Recapito degli eventi in tempo reale, schema del payload e verifica della firma.
Configuri notifiche di eventi in tempo reale per ogni identificazione del dispositivo.
Aggiunga il fingerprinting del dispositivo alla sua applicazione React in meno di 5 minuti.