Власний React-хук для ідентифікації пристроїв. Додайте ідентифікацію відвідувачів, виявлення ботів і smart signals до вашого застосунку React за лічені хвилини.
Додайте SDK до свого проєкту за допомогою улюбленого менеджера пакетів.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactЗапустіться з мінімальним налаштуванням.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Production-ready патерни з обробкою помилок, станами завантаження та розширеним налаштуванням.
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> )}Усі доступні параметри для ініціалізації та налаштування SDK.
publicKeystringВаш публічний ключ із панелі керування — його безпечно віддавати в браузерendpointstringВласний URL ендпоінта для розгортань із проксі-маршрутизацією — явний URL важливіший за regionregionstringРегіон даних: us або eutimeoutMsnumberЧас очікування всього виклику getResult(), у мілісекундахlinkedIdstringВаш внутрішній ID акаунта авторизованого користувача, щоб пов’язувати відвідування з одного пристроюtagstringДовільна мітка, що додається до запиту ідентифікації, наприклад checkout або logindebugbooleanПише життєвий цикл скрипта та мережеву активність у консоль браузераscriptUrlstringПовна заміна URL скрипта агента — для self-hosting або Subresource IntegrityЗанурюйтесь глибше з повним довідником API, налаштуванням webhook і просунутими посібниками.
Повний довідник API, посібники з інтеграції та найкращі практики.
Доставка подій у реальному часі, схема корисного навантаження і перевірка підпису.
Налаштуйте сповіщення про події в реальному часі для кожної ідентифікації пристрою.
Додайте фінгерпринтинг пристроїв до вашого застосунку React менш ніж за 5 хвилин.