Composable de Vue 3 para la identificación de dispositivos. Añada identificación de visitantes, detección de bots y smart signals a su aplicación de Vue en minutos.
Añada el SDK a su proyecto con su gestor de paquetes preferido.
npm install @tracio/vueyarn add @tracio/vuepnpm add @tracio/vuePóngase en marcha con la configuración mínima.
<script setup>import { useVisitorId } from '@tracio/vue'const { data: visitorId } = useVisitorId()</script><template> <div>Visitor: {{ visitorId }}</div></template>Patrones listos para producción con manejo de errores, estados de carga y configuración avanzada.
<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 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 Vue en menos de 5 minutos.