Preact

В дашборде для Preact используется @fingerru/react. SDK использует React API, поэтому настройте в сборщике совместимость через preact/compat. Для работы понадобится публичный API-ключ проекта. В быстром старте показано, как получить ключ и проверить запрос.

Установите пакетСкопировать ссылку

npm install @fingerru/react

Убедитесь, что в проекте установлен preact и настроены алиасы React на preact/compat для вашего сборщика.

Получите идентификаторСкопировать ссылку

Оберните компонент с хуком в FingprintProvider:

import { FingprintProvider, useVisitorData } from '@fingerru/react'

function VisitorData() {
  const { data, error, isLoading } = useVisitorData({ immediate: true })

  if (isLoading) return <p>Получаем данные...</p>
  if (error) return <p>Не удалось получить данные: {error.message}</p>

  return <p>Visitor ID: {data?.user}</p>
}

export function App() {
  return (
    <FingprintProvider apiKey="pk_live_example">
      <VisitorData />
    </FingprintProvider>
  )
}

Замените pk_live_example на публичный ключ проекта. После успешного запроса найдите событие по полю Visitor ID в кабинете.