Hook de React próprio para a identificação de dispositivos. Adicione identificação de visitantes, detecção de bots e smart signals à sua aplicação React em minutos.
Adicione o SDK ao seu projeto com o gerenciador de pacotes de sua preferência.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactColoque tudo em funcionamento com a configuração mínima.
import { useVisitorId } from '@tracio/react'function App() { const { data: visitorId } = useVisitorId() return <div>Visitor: {visitorId}</div>}Padrões prontos para produção com tratamento de erros, estados de carregamento e configuração avançada.
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 as opções disponíveis para inicializar e configurar o SDK.
publicKeystringSua chave pública do painel — segura para enviar no navegadorendpointstringURL de endpoint personalizada para implantações roteadas via proxy — uma URL explícita prevalece sobre regionregionstringRegião de dados: us ou eutimeoutMsnumberTimeout de toda a chamada getResult(), em milissegundoslinkedIdstringO ID interno da conta do usuário autenticado, para vincular visitas que compartilham um dispositivotagstringRótulo livre anexado à requisição de identificação, ex.: checkout ou logindebugbooleanRegistra o ciclo de vida do script e a atividade de rede no console do navegadorscriptUrlstringSubstituição completa da URL do script do agente — para self-hosting ou Subresource IntegrityAprofunde-se com a referência completa da API, a configuração de webhooks e guias avançados.
Referência completa da API, guias de integração e boas práticas.
Entrega de eventos em tempo real, schema de payload e verificação de assinatura.
Configure notificações de eventos em tempo real para cada identificação de dispositivo.
Adicione device fingerprinting à sua aplicação React em menos de 5 minutos.