Next.js için tam yığın Cihaz Tanımlama entegrasyonu (App Router + Pages Router). Next.js uygulamanıza dakikalar içinde ziyaretçi tanımlama, bot tespiti ve smart signals ekleyin.
Tercih ettiğiniz paket yöneticisiyle SDK'yı projenize ekleyin.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactMinimal kurulumla çalışmaya başlayın.
// app/layout.tsximport { TracioProvider } from '@tracio/react'export default function Layout({ children }) { return ( <TracioProvider publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!}> {children} </TracioProvider> )}Hata işleme, yükleme durumları ve gelişmiş yapılandırma içeren üretime hazır kalıplar.
// 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'yı başlatmak ve yapılandırmak için mevcut tüm seçenekler.
publicKeystringPanodaki genel anahtarınız — tarayıcıya göndermek güvenlidirendpointstringProxy üzerinden yönlendirilen dağıtımlar için özel uç nokta URL'si — açık bir URL, region'a göre önceliklidirregionstringVeri bölgesi: us veya eutimeoutMsnumberTüm getResult() çağrısı için milisaniye cinsinden zaman aşımılinkedIdstringOturum açmış kullanıcı için dahili hesap kimliğiniz; böylece aynı cihazı paylaşan ziyaretler ilişkilendirilebilirtagstringTanımlama isteğine eklenen serbest biçimli etiket, örn. checkout veya logindebugbooleanBetik yaşam döngüsünü ve ağ etkinliğini tarayıcı konsoluna kaydederscriptUrlstringAjan betiği URL'sini tamamen geçersiz kılar — kendi barındırma veya Subresource Integrity içinTam API referansı, webhook yapılandırması ve gelişmiş kılavuzlarla daha derine inin.
Tam API referansı, entegrasyon kılavuzları ve en iyi uygulamalar.
Gerçek zamanlı olay teslimi, yük şeması ve imza doğrulaması.
Her cihaz tanımlaması için gerçek zamanlı olay bildirimlerini yapılandırın.
Next.js uygulamanıza 5 dakikadan kısa sürede cihaz parmak izi ekleyin.