Dodaj SDK do swojego projektu za pomocą preferowanego menedżera pakietów.
npm install @tracio/angularyarn add @tracio/angularpnpm add @tracio/angularZacznij pracę z minimalną konfiguracją.
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())) }}Gotowe do produkcji wzorce z obsługą błędów, stanami ładowania i zaawansowaną konfiguracją.
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)}Wszystkie dostępne opcje inicjalizacji i konfiguracji SDK.
publicKeystringTwój klucz publiczny z panelu — bezpieczny do umieszczenia w przeglądarceendpointstringNiestandardowy adres URL punktu końcowego dla wdrożeń kierowanych przez proxy — jawny URL ma pierwszeństwo przed regionemregionstringRegion danych: us lub eutimeoutMsnumberLimit czasu całego wywołania getResult(), w milisekundachlinkedIdstringTwój wewnętrzny identyfikator konta zalogowanego użytkownika, dzięki któremu wizyty z tego samego urządzenia można powiązaćtagstringDowolna etykieta dołączana do żądania identyfikacji, np. checkout lub logindebugbooleanLoguje cykl życia skryptu i aktywność sieciową w konsoli przeglądarkiscriptUrlstringPełne nadpisanie adresu URL skryptu agenta — do self-hostingu lub Subresource IntegrityZagłęb się dzięki pełnej dokumentacji API, konfiguracji webhooków i zaawansowanym przewodnikom.
Pełna dokumentacja API, przewodniki integracji i najlepsze praktyki.
Dostarczanie zdarzeń w czasie rzeczywistym, schemat ładunku i weryfikacja podpisu.
Skonfiguruj powiadomienia o zdarzeniach w czasie rzeczywistym dla każdej identyfikacji urządzenia.
Dodaj fingerprinting urządzeń do swojej aplikacji Angular w mniej niż 5 minut.