Angular

Inteligența dispozitivelor pentru Angular

Serviciu injectabil Angular pentru identificarea dispozitivelor. Adaugă identificarea vizitatorilor, detecția boților și smart signals în aplicația ta Angular în câteva minute.

Începe Rezervă un demo

Instalare rapidă

Adaugă SDK-ul în proiectul tău cu managerul de pachete preferat.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Utilizare de bază

Devii operațional cu configurarea minimă.

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

Tipare avansate

Tipare gata de producție, cu gestionarea erorilor, stări de încărcare și configurare avansată.

Injecție de serviciu bazată pe signals — Fă clic pentru a extinde

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

Opțiuni de configurare

Toate opțiunile disponibile pentru inițializarea și configurarea SDK-ului.

publicKeystringCheia ta publică din dashboard — sigură de folosit în browser

endpointstringURL de endpoint personalizat pentru implementările direcționate prin proxy — un URL explicit are prioritate față de regiune

regionstringRegiunea datelor: us sau eu

timeoutMsnumberTimeout pentru întregul apel getResult(), în milisecunde

linkedIdstringID-ul tău intern de cont pentru utilizatorul autentificat, ca vizitele de pe același dispozitiv să poată fi corelate

tagstringEtichetă liberă atașată cererii de identificare, de ex. checkout sau login

debugbooleanÎnregistrează ciclul de viață al scriptului și activitatea de rețea în consola browserului

scriptUrlstringSuprascriere completă a URL-ului scriptului agent — pentru self-hosting sau Subresource Integrity

Pașii următori

Aprofundează cu referința API completă, configurarea webhookurilor și ghiduri avansate.

Documentație

Referință API completă, ghiduri de integrare și bune practici.

Citește documentația

Webhooks

Livrarea evenimentelor în timp real, schema payloadului și verificarea semnăturii.

Vezi Webhooks