SDK та бібліотеки

Офіційні клієнтські бібліотеки для JavaScript та всіх основних фронтенд-фреймворків. Установіть, налаштуйте та почніть ідентифікувати відвідувачів за лічені хвилини.

Усі SDK опубліковано на npm (v0.1.3). Установіть їх сьогодні — перегляньте пакети @tracio на npm.

Підтримка фреймворків

Офіційна підтримка SDK для JavaScript та основних фронтенд-фреймворків.

Мова	Пакет	Команда встановлення	Статус	Документація
JavaScript	`@tracio/sdk`	`npm install @tracio/sdk`	Доступно	Документація
React	`@tracio/react`	`npm install @tracio/react @tracio/sdk`	Доступно	Документація
Vue	`@tracio/vue`	`npm install @tracio/vue @tracio/sdk`	Доступно	Документація
Angular	`@tracio/angular`	`npm install @tracio/angular @tracio/sdk`	Доступно	Документація
Svelte	`@tracio/svelte`	`npm install @tracio/svelte @tracio/sdk`	Доступно	Документація

Швидкий старт

Приклади для копіювання, щоб швидко почати роботу.

JavaScript

Доступно

npm install @tracio/sdk

import { Tracio } from '@tracio/sdk'
const tracio = Tracio.init({ publicKey: '5ca175fc...' })
const result = await tracio.getResult()
console.log(result.visitorId)
if (result.bot.detected) {
  console.warn('bot, confidence:', result.bot.confidence)
}

React

Доступно

npm install @tracio/react @tracio/sdk

import { TracioProvider, useVisitorId } from '@tracio/react'
function App() {
  return (
    <TracioProvider publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!}>
      <Page />
    </TracioProvider>
  )
}
function Page() {
  const { data: visitorId, isLoading, error } = useVisitorId()
  return <p>Visitor: {visitorId}</p>
}

Vue

Доступно

npm install @tracio/vue @tracio/sdk

import { createApp } from 'vue'
import { TracioPlugin } from '@tracio/vue'
import App from './App.vue'
createApp(App)
  .use(TracioPlugin, { publicKey: import.meta.env.VITE_TRACIO_KEY })
  .mount('#app')
// in a component:
// const { data: visitorId, isLoading, error } = useVisitorId()

Angular

Доступно

npm install @tracio/angular @tracio/sdk

import { provideTracio } from '@tracio/angular'
export const appConfig: ApplicationConfig = {
  providers: [provideTracio({ publicKey: '5ca175fc...' })],
}
// in a component:
// readonly tracio = inject(TracioService)
// tracio.visitorId() // signal

Svelte

Доступно

npm install @tracio/svelte @tracio/sdk

<script>
  import { Tracio } from '@tracio/svelte'
  import { browser } from '$app/environment'
  if (browser) Tracio.init({ publicKey: import.meta.env.VITE_TRACIO_KEY })
</script>
<!-- in a component: -->
<!-- const visitor = useVisitorId() -->
<!-- $visitor.data / $visitor.isLoading -->

Готові розпочати?

Спробуйте Tracio безкоштовно з 2,500 викликами API на місяць. Кредитна картка не потрібна.

Почати безкоштовно Зв’язатися з відділом продажів