Angular

Device Intelligence для Angular

Инъектируемый сервис Angular для идентификации устройств. Добавьте идентификацию посетителей, детекцию ботов и smart signals в своё приложение Angular за минуты.

Начать Заказать демо

Быстрая установка

Добавьте SDK в свой проект с помощью предпочитаемого менеджера пакетов.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Базовое использование

Запуститесь с минимальной настройкой.

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

Продвинутые паттерны

Готовые к продакшену паттерны с обработкой ошибок, состояниями загрузки и расширенной конфигурацией.

Инъекция сервиса на основе signals — Нажмите, чтобы развернуть

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 endpoint для развёртываний с проксированием — явный URL важнее region

regionstringРегион данных: us или eu

timeoutMsnumberТаймаут всего вызова getResult(), в миллисекундах

linkedIdstringВаш внутренний ID аккаунта вошедшего пользователя, чтобы связывать визиты с одного устройства

tagstringПроизвольная метка для запроса идентификации, например checkout или login

debugbooleanПишет жизненный цикл скрипта и сетевую активность в консоль браузера

scriptUrlstringПолная замена URL скрипта агента — для self-hosting или Subresource Integrity

Следующие шаги

Углубитесь с полным справочником API, настройкой webhook и продвинутыми руководствами.

Документация

Полный справочник API, руководства по интеграции и лучшие практики.

Читать документацию

Вебхуки

Доставка событий в реальном времени, схема payload и проверка подписи.

Смотреть вебхуки