Angular

Intelligence dei dispositivi per Angular

Servizio iniettabile di Angular per l'identificazione dei dispositivi. Aggiunga identificazione dei visitatori, bot detection e smart signals alla sua applicazione Angular in pochi minuti.

Inizi Prenoti una demo

Installazione rapida

Aggiunga l'SDK al suo progetto con il gestore di pacchetti che preferisce.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Utilizzo di base

Diventi operativo con la configurazione minima.

$typescript

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()))
  }
}

Pattern avanzati

Pattern pronti per la produzione con gestione degli errori, stati di caricamento e configurazione avanzata.

Iniezione del servizio basata su signal — Clicchi per espandere

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)
}

Opzioni di configurazione

Tutte le opzioni disponibili per inizializzare e configurare l'SDK.

publicKeystringLa sua chiave pubblica dalla dashboard — può essere distribuita nel browser in sicurezza

endpointstringURL endpoint personalizzato per i deployment instradati tramite proxy — un URL esplicito prevale su region

regionstringRegione dati: us o eu

timeoutMsnumberTimeout dell'intera chiamata getResult(), in millisecondi

linkedIdstringIl suo ID account interno per l'utente autenticato, così le visite che condividono un dispositivo possono essere collegate

tagstringEtichetta libera associata alla richiesta di identificazione, es. checkout o login

debugbooleanRegistra il ciclo di vita dello script e l'attività di rete nella console del browser

scriptUrlstringOverride completo dell'URL dello script agent — per self-hosting o Subresource Integrity

Prossimi passi

Approfondisca con il riferimento API completo, la configurazione dei webhook e le guide avanzate.

Documentazione

Riferimento API completo, guide all'integrazione e best practice.

Legga la documentazione

Webhook

Recapito degli eventi in tempo reale, schema del payload e verifica della firma.

Veda i webhook