Hook React nativ pentru identificarea dispozitivelor. Adaugă identificarea vizitatorilor, detecția boților și smart signals în aplicația ta React în câteva minute.
Adaugă SDK-ul în proiectul tău cu managerul de pachete preferat.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactDevii operațional cu configurarea minimă.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Tipare gata de producție, cu gestionarea erorilor, stări de încărcare și configurare avansată.
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> )}Toate opțiunile disponibile pentru inițializarea și configurarea SDK-ului.
publicKeystringCheia ta publică din dashboard — sigură de folosit în browserendpointstringURL de endpoint personalizat pentru implementările direcționate prin proxy — un URL explicit are prioritate față de regiuneregionstringRegiunea datelor: us sau eutimeoutMsnumberTimeout pentru întregul apel getResult(), în milisecundelinkedIdstringID-ul tău intern de cont pentru utilizatorul autentificat, ca vizitele de pe același dispozitiv să poată fi corelatetagstringEtichetă liberă atașată cererii de identificare, de ex. checkout sau logindebugbooleanÎnregistrează ciclul de viață al scriptului și activitatea de rețea în consola browseruluiscriptUrlstringSuprascriere completă a URL-ului scriptului agent — pentru self-hosting sau Subresource IntegrityAprofundează cu referința API completă, configurarea webhookurilor și ghiduri avansate.
Referință API completă, ghiduri de integrare și bune practici.
Livrarea evenimentelor în timp real, schema payloadului și verificarea semnăturii.
Configurează notificări în timp real pentru fiecare identificare a unui dispozitiv.
Adaugă fingerprinting de dispozitiv în aplicația ta React în mai puțin de 5 minute.