Angular

Device Intelligence voor Angular

Injecteerbare Angular-service voor apparaatidentificatie. Voeg binnen enkele minuten bezoekersidentificatie, botdetectie en smart signals toe aan je Angular-applicatie.

Aan de slag Demo boeken

Snelle installatie

Voeg de SDK toe aan je project met je favoriete package manager.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Basisgebruik

Ga van start met de minimale setup.

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

Geavanceerde patronen

Productieklare patronen met foutafhandeling, laadstatussen en geavanceerde configuratie.

Signal-gebaseerde service-injectie — Klik om uit te klappen

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

Configuratieopties

Alle beschikbare opties voor het initialiseren en configureren van de SDK.

publicKeystringJe public key uit het dashboard — veilig om in de browser mee te sturen

endpointstringAangepaste endpoint-URL voor proxy-gerouteerde deployments — een expliciete URL gaat vóór region

regionstringDataregio: us of eu

timeoutMsnumberTime-out voor de hele getResult()-call, in milliseconden

linkedIdstringJe interne account-ID van de ingelogde gebruiker, zodat bezoeken vanaf hetzelfde apparaat gekoppeld kunnen worden

tagstringVrij label dat aan het identificatieverzoek wordt gekoppeld, bijv. checkout of login

debugbooleanLogt de levenscyclus van het script en netwerkactiviteit naar de browserconsole

scriptUrlstringVolledige override van de URL van het agentscript — voor self-hosting of Subresource Integrity

Volgende stappen

Ga dieper met de volledige API-referentie, webhookconfiguratie en geavanceerde gidsen.

Documentatie

Volledige API-referentie, integratiegidsen en best practices.

Lees de documentatie

Webhooks

Realtime event-levering, payload-schema en handtekeningverificatie.

Bekijk webhooks