Hook de React propio para la identificación de dispositivos. Añada identificación de visitantes, detección de bots y smart signals a su aplicación de React en minutos.
Añada el SDK a su proyecto con su gestor de paquetes preferido.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactPóngase en marcha con la configuración mínima.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Patrones listos para producción con manejo de errores, estados de carga y configuración avanzada.
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> )}Todas las opciones disponibles para inicializar y configurar el SDK.
publicKeystringSu clave pública desde el dashboard — segura para enviar al navegadorendpointstringURL de endpoint personalizada para despliegues enrutados por proxy — una URL explícita tiene prioridad sobre regionregionstringRegión de datos: us o eutimeoutMsnumberTiempo de espera de toda la llamada getResult(), en milisegundoslinkedIdstringSu ID de cuenta interno del usuario autenticado, para vincular visitas que comparten dispositivotagstringEtiqueta libre asociada a la solicitud de identificación, p. ej. checkout o logindebugbooleanRegistra el ciclo de vida del script y la actividad de red en la consola del navegadorscriptUrlstringAnulación completa de la URL del script del agente — para autoalojamiento o Subresource IntegrityProfundice con la referencia completa de la API, la configuración de webhooks y las guías avanzadas.
Referencia completa de la API, guías de integración y mejores prácticas.
Entrega de eventos en tiempo real, esquema del payload y verificación de firmas.
Configure notificaciones de eventos en tiempo real para cada identificación de dispositivo.
Añada fingerprinting de dispositivo a su aplicación de React en menos de 5 minutos.