Composable de Vue 3 para a identificação de dispositivos. Adicione identificação de visitantes, detecção de bots e smart signals à sua aplicação Vue em minutos.
Adicione o SDK ao seu projeto com o gerenciador de pacotes de sua preferência.
npm install @tracio/vueyarn add @tracio/vuepnpm add @tracio/vueColoque tudo em funcionamento com a configuração mínima.
<script setup>import { useVisitorId } from '@tracio/vue'const { data: visitorId } = useVisitorId()</script><template> <div>Visitor: {{ visitorId }}</div></template>Padrões prontos para produção com tratamento de erros, estados de carregamento e configuração avançada.
<script setup>import { ref, watch } from 'vue'import { useTracioResult } from '@tracio/vue'const { data, isLoading, error, getData } = useTracioResult()const history = ref([])watch(data, (result) => { if (result?.visitorId) { history.value.push({ id: result.visitorId, timestamp: new Date().toISOString(), }) }})</script><template> <div v-if="isLoading">Identifying...</div> <div v-else-if="error">Error: {{ error.message }}</div> <div v-else-if="data"> <p>Visitor: {{ data.visitorId }}</p> <p>Bot: {{ data.bot.detected ? 'detected' : 'clear' }} ({{ data.bot.confidence }}/100)</p> <button @click="getData">Re-identify</button> </div></template>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 Vue em menos de 5 minutos.