Servicio inyectable de Angular para la identificación de dispositivos. Añada identificación de visitantes, detección de bots y smart signals a su aplicación de Angular en minutos.
Añada el SDK a su proyecto con su gestor de paquetes preferido.
npm install @tracio/angularyarn add @tracio/angularpnpm add @tracio/angularPóngase en marcha con la configuración mínima.
import { Component, inject, effect } from '@angular/core'import { TracioService } from '@tracio/angular'@Component({ ... })export class AppComponent { private tracio = inject(TracioService) constructor() { // visitorId() is a signal — read it reactively effect(() => console.log(this.tracio.visitorId())) }}Patrones listos para producción con manejo de errores, estados de carga y configuración avanzada.
import { Component, inject } from '@angular/core'import { TracioService } from '@tracio/angular'@Component({ selector: 'app-protected', template: ` <div *ngIf="tracio.result() as result"> <p>Visitor: {{ result.visitorId }}</p> <p>Bot: {{ result.bot.detected ? 'detected' : 'clear' }} ({{ result.bot.confidence }}/100)</p> </div> `,})export class ProtectedComponent { // provideTracio({ publicKey }) is registered in app.config.ts readonly tracio = inject(TracioService)}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 Angular en menos de 5 minutos.