Hook React de première partie pour l'identification des appareils. Ajoutez l'identification des visiteurs, la détection des bots et les smart signals à votre application React en quelques minutes.
Ajoutez le SDK à votre projet avec votre gestionnaire de packages préféré.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactDevenez opérationnel avec la configuration minimale.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Des modèles prêts pour la production avec gestion des erreurs, états de chargement et configuration avancée.
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> )}Toutes les options disponibles pour initialiser et configurer le SDK.
publicKeystringVotre clé publique depuis le tableau de bord — sans risque dans le navigateurendpointstringURL d'endpoint personnalisée pour les déploiements routés par proxy — une URL explicite prime sur regionregionstringRégion des données : us ou eutimeoutMsnumberDélai d'expiration de l'appel getResult() complet, en millisecondeslinkedIdstringVotre ID de compte interne pour l'utilisateur connecté, afin de lier les visites partageant un appareiltagstringLibellé libre attaché à la requête d'identification, par ex. checkout ou logindebugbooleanJournalise le cycle de vie du script et l'activité réseau dans la console du navigateurscriptUrlstringRemplacement complet de l'URL du script agent — pour l'auto-hébergement ou Subresource IntegrityAllez plus loin avec la référence API complète, la configuration des webhooks et les guides avancés.
Référence API complète, guides d'intégration et bonnes pratiques.
Livraison d'événements en temps réel, schéma de la charge utile et vérification de signature.
Configurez des notifications d'événements en temps réel pour chaque identification d'appareil.
Ajoutez le device fingerprinting à votre application React en moins de 5 minutes.