Eigen React-hook voor apparaatidentificatie. Voeg binnen enkele minuten bezoekersidentificatie, botdetectie en smart signals toe aan je React-applicatie.
Voeg de SDK toe aan je project met je favoriete package manager.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactGa van start met de minimale setup.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Productieklare patronen met foutafhandeling, laadstatussen en geavanceerde configuratie.
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> )}Alle beschikbare opties voor het initialiseren en configureren van de SDK.
publicKeystringJe public key uit het dashboard — veilig om in de browser mee te sturenendpointstringAangepaste endpoint-URL voor proxy-gerouteerde deployments — een expliciete URL gaat vóór regionregionstringDataregio: us of eutimeoutMsnumberTime-out voor de hele getResult()-call, in millisecondenlinkedIdstringJe interne account-ID van de ingelogde gebruiker, zodat bezoeken vanaf hetzelfde apparaat gekoppeld kunnen wordentagstringVrij label dat aan het identificatieverzoek wordt gekoppeld, bijv. checkout of logindebugbooleanLogt de levenscyclus van het script en netwerkactiviteit naar de browserconsolescriptUrlstringVolledige override van de URL van het agentscript — voor self-hosting of Subresource IntegrityGa dieper met de volledige API-referentie, webhookconfiguratie en geavanceerde gidsen.
Volledige API-referentie, integratiegidsen en best practices.
Realtime event-levering, payload-schema en handtekeningverificatie.
Configureer realtime eventmeldingen voor elke device-identificatie.
Voeg in minder dan 5 minuten device-fingerprinting toe aan je React-applicatie.