Injectable-сервіс Angular для ідентифікації пристроїв. Додайте ідентифікацію відвідувачів, виявлення ботів і smart signals до вашого застосунку Angular за лічені хвилини.
Додайте SDK до свого проєкту за допомогою улюбленого менеджера пакетів.
npm install @tracio/angularyarn add @tracio/angularpnpm add @tracio/angularЗапустіться з мінімальним налаштуванням.
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())) }}Production-ready патерни з обробкою помилок, станами завантаження та розширеним налаштуванням.
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.
publicKeystringВаш публічний ключ із панелі керування — його безпечно віддавати в браузерendpointstringВласний URL ендпоінта для розгортань із проксі-маршрутизацією — явний URL важливіший за regionregionstringРегіон даних: us або eutimeoutMsnumberЧас очікування всього виклику getResult(), у мілісекундахlinkedIdstringВаш внутрішній ID акаунта авторизованого користувача, щоб пов’язувати відвідування з одного пристроюtagstringДовільна мітка, що додається до запиту ідентифікації, наприклад checkout або logindebugbooleanПише життєвий цикл скрипта та мережеву активність у консоль браузераscriptUrlstringПовна заміна URL скрипта агента — для self-hosting або Subresource IntegrityЗанурюйтесь глибше з повним довідником API, налаштуванням webhook і просунутими посібниками.
Повний довідник API, посібники з інтеграції та найкращі практики.
Доставка подій у реальному часі, схема корисного навантаження і перевірка підпису.
Налаштуйте сповіщення про події в реальному часі для кожної ідентифікації пристрою.
Додайте фінгерпринтинг пристроїв до вашого застосунку Angular менш ніж за 5 хвилин.