Angular

Device Intelligence pro Angular

Injektovatelná Angular služba pro identifikaci zařízení. Přidejte identifikaci návštěvníků, detekci botů a smart signals do své aplikace Angular během několika minut.

Začít Rezervovat demo

Rychlá instalace

Přidejte SDK do svého projektu pomocí svého oblíbeného správce balíčků.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Základní použití

Zprovozněte to s minimálním nastavením.

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

Pokročilé vzory

Vzory připravené do produkce s ošetřením chyb, stavy načítání a pokročilou konfigurací.

Injektování služby založené na signálech — Kliknutím rozbalíte

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

Možnosti konfigurace

Všechny dostupné možnosti pro inicializaci a konfiguraci SDK.

publicKeystringVáš veřejný klíč z dashboardu — bezpečný pro nasazení v prohlížeči

endpointstringVlastní URL endpointu pro nasazení směrovaná přes proxy — explicitní URL má přednost před regionem

regionstringDatový region: us nebo eu

timeoutMsnumberČasový limit pro celé volání getResult(), v milisekundách

linkedIdstringVaše interní ID účtu přihlášeného uživatele, aby šlo propojit návštěvy ze stejného zařízení

tagstringVolný štítek připojený k požadavku na identifikaci, např. checkout nebo login

debugbooleanLoguje životní cyklus skriptu a síťovou aktivitu do konzole prohlížeče

scriptUrlstringÚplné přepsání URL skriptu agenta — pro self-hosting nebo Subresource Integrity

Další kroky

Ponořte se hlouběji s kompletní referencí API, konfigurací webhooků a pokročilými příručkami.

Dokumentace

Kompletní reference API, průvodce integrací a osvědčené postupy.

Přečíst dokumentaci

Webhooky

Doručování událostí v reálném čase, schéma obsahu a ověřování podpisu.

Zobrazit webhooky