שירות 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())) }}דפוסים מוכנים לייצור עם טיפול בשגיאות, מצבי טעינה ותצורה מתקדמת.
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כתובת נקודת קצה מותאמת אישית לפריסות מנותבות דרך פרוקסי — כתובת מפורשת גוברת על regionregionstringאזור נתונים: us או eutimeoutMsnumberזמן קצוב לכל קריאת getResult(), באלפיות שנייהlinkedIdstringמזהה החשבון הפנימי שלכם עבור המשתמש המחובר, כדי לקשר ביקורים שחולקים מכשירtagstringתווית חופשית המצורפת לבקשת הזיהוי, למשל checkout או logindebugbooleanרושם את מחזור החיים של הסקריפט ואת פעילות הרשת לקונסולת הדפדפןscriptUrlstringדריסה מלאה של כתובת סקריפט הסוכן — לאירוח עצמי או ל-Subresource Integrityהעמיקו עם התיעוד המלא של ה-API, תצורת ה-webhook ומדריכים מתקדמים.
תיעוד API מלא, מדריכי אינטגרציה ושיטות עבודה מומלצות.
מסירת אירועים בזמן אמת, סכמת מטען ואימות חתימה.
הגדירו התראות אירועים בזמן אמת עבור כל זיהוי מכשיר.
הוסיפו טביעת אצבע מכשירים לאפליקציית Angular שלכם בפחות מ-5 דקות.