Angular

Device Intelligence for Angular

Angular injectable service for device identification. Add visitor identification, bot detection, and smart signals to your Angular application in minutes.

Get Started Book a Demo

Quick Install

Add the SDK to your project with your preferred package manager.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Basic Usage

Get up and running with the minimal 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()))
  }
}

Advanced Patterns

Production-ready patterns with error handling, loading states, and advanced configuration.

Signal-Based Service Injection — Click to expand

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

Configuration Options

All available options for initializing and configuring the SDK.

publicKeystringYour public key from the dashboard — safe to ship in the browser

endpointstringCustom endpoint URL for proxy-routed deployments — an explicit URL wins over region

regionstringData region: us or eu

timeoutMsnumberTimeout for the whole getResult() call, in milliseconds

linkedIdstringYour internal account ID for the signed-in user, so visits sharing a device can be linked

tagstringFree-form label attached to the identification request, e.g. checkout or login

debugbooleanLogs the script lifecycle and network activity to the browser console

scriptUrlstringFull override for the agent script URL — for self-hosting or Subresource Integrity

Next Steps

Go deeper with the full API reference, webhook configuration, and advanced guides.

Documentation

Full API reference, integration guides, and best practices.

Read Docs

Webhooks

Real-time event delivery, payload schema, and signature verification.

View Webhooks