אינטגרציית Device Identification מלאה (full-stack) עבור Next.js (App Router + Pages Router). הוסיפו זיהוי מבקרים, זיהוי בוטים ו-smart signals לאפליקציית Next.js שלכם תוך דקות.
הוסיפו את ה-SDK לפרויקט שלכם עם מנהל החבילות המועדף עליכם.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactהתחילו לעבוד עם ההגדרה המינימלית.
// app/layout.tsximport { TracioProvider } from '@tracio/react'export default function Layout({ children }) { return ( <TracioProvider publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!}> {children} </TracioProvider> )}דפוסים מוכנים לייצור עם טיפול בשגיאות, מצבי טעינה ותצורה מתקדמת.
// app/api/webhook/tracio/route.ts — identification events land here in real timeimport crypto from 'crypto'function verify(raw: Buffer, header: string, secret: string) { const p = Object.fromEntries(header.split(',').map((kv) => kv.split('='))) const signed = Buffer.concat([Buffer.from(`${p.t}.`), raw]) const expected = crypto.createHmac('sha256', secret).update(signed).digest('hex') const a = Buffer.from(p.v1, 'hex') const b = Buffer.from(expected, 'hex') return a.length === b.length && crypto.timingSafeEqual(a, b)}export async function POST(req: Request) { const raw = Buffer.from(await req.arrayBuffer()) const sig = req.headers.get('x-tracio-signature') ?? '' if (!verify(raw, sig, process.env.TRACIO_WEBHOOK_SECRET!)) { return new Response('Invalid signature', { status: 401 }) } const event = JSON.parse(raw.toString()) if (event.bot.result === 'bot') { await blockVisitor(event.visitorId) } return new Response('OK')}כל האפשרויות הזמינות לאתחול ולתצורת ה-SDK.
publicKeystringהמפתח הציבורי שלכם מלוח המחוונים — בטוח לשליחה בדפדפןendpointstringכתובת נקודת קצה מותאמת אישית לפריסות מנותבות דרך פרוקסי — כתובת מפורשת גוברת על regionregionstringאזור נתונים: us או eutimeoutMsnumberזמן קצוב לכל קריאת getResult(), באלפיות שנייהlinkedIdstringמזהה החשבון הפנימי שלכם עבור המשתמש המחובר, כדי לקשר ביקורים שחולקים מכשירtagstringתווית חופשית המצורפת לבקשת הזיהוי, למשל checkout או logindebugbooleanרושם את מחזור החיים של הסקריפט ואת פעילות הרשת לקונסולת הדפדפןscriptUrlstringדריסה מלאה של כתובת סקריפט הסוכן — לאירוח עצמי או ל-Subresource Integrityהעמיקו עם התיעוד המלא של ה-API, תצורת ה-webhook ומדריכים מתקדמים.
תיעוד API מלא, מדריכי אינטגרציה ושיטות עבודה מומלצות.
מסירת אירועים בזמן אמת, סכמת מטען ואימות חתימה.
הגדירו התראות אירועים בזמן אמת עבור כל זיהוי מכשיר.
הוסיפו טביעת אצבע מכשירים לאפליקציית Next.js שלכם בפחות מ-5 דקות.