Cihaz tanımlama için Angular enjekte edilebilir servisi. Angular uygulamanıza dakikalar içinde ziyaretçi tanımlama, bot tespiti ve smart signals ekleyin.
Tercih ettiğiniz paket yöneticisiyle SDK'yı projenize ekleyin.
npm install @tracio/angularyarn add @tracio/angularpnpm add @tracio/angularMinimal kurulumla çalışmaya başlayın.
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())) }}Hata işleme, yükleme durumları ve gelişmiş yapılandırma içeren üretime hazır kalıplar.
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)}SDK'yı başlatmak ve yapılandırmak için mevcut tüm seçenekler.
publicKeystringPanodaki genel anahtarınız — tarayıcıya göndermek güvenlidirendpointstringProxy üzerinden yönlendirilen dağıtımlar için özel uç nokta URL'si — açık bir URL, region'a göre önceliklidirregionstringVeri bölgesi: us veya eutimeoutMsnumberTüm getResult() çağrısı için milisaniye cinsinden zaman aşımılinkedIdstringOturum açmış kullanıcı için dahili hesap kimliğiniz; böylece aynı cihazı paylaşan ziyaretler ilişkilendirilebilirtagstringTanımlama isteğine eklenen serbest biçimli etiket, örn. checkout veya logindebugbooleanBetik yaşam döngüsünü ve ağ etkinliğini tarayıcı konsoluna kaydederscriptUrlstringAjan betiği URL'sini tamamen geçersiz kılar — kendi barındırma veya Subresource Integrity içinTam API referansı, webhook yapılandırması ve gelişmiş kılavuzlarla daha derine inin.
Tam API referansı, entegrasyon kılavuzları ve en iyi uygulamalar.
Gerçek zamanlı olay teslimi, yük şeması ve imza doğrulaması.
Her cihaz tanımlaması için gerçek zamanlı olay bildirimlerini yapılandırın.
Angular uygulamanıza 5 dakikadan kısa sürede cihaz parmak izi ekleyin.