Composable для Vue 3 для ідентифікації пристроїв. Додайте ідентифікацію відвідувачів, виявлення ботів і smart signals до вашого застосунку Vue за лічені хвилини.
Додайте SDK до свого проєкту за допомогою улюбленого менеджера пакетів.
npm install @tracio/vueyarn add @tracio/vuepnpm add @tracio/vueЗапустіться з мінімальним налаштуванням.
<script setup>import { useVisitorId } from '@tracio/vue'const { data: visitorId } = useVisitorId()</script><template> <div>Visitor: {{ visitorId }}</div></template>Production-ready патерни з обробкою помилок, станами завантаження та розширеним налаштуванням.
<script setup>import { ref, watch } from 'vue'import { useTracioResult } from '@tracio/vue'const { data, isLoading, error, getData } = useTracioResult()const history = ref([])watch(data, (result) => { if (result?.visitorId) { history.value.push({ id: result.visitorId, timestamp: new Date().toISOString(), }) }})</script><template> <div v-if="isLoading">Identifying...</div> <div v-else-if="error">Error: {{ error.message }}</div> <div v-else-if="data"> <p>Visitor: {{ data.visitorId }}</p> <p>Bot: {{ data.bot.detected ? 'detected' : 'clear' }} ({{ data.bot.confidence }}/100)</p> <button @click="getData">Re-identify</button> </div></template>Усі доступні параметри для ініціалізації та налаштування SDK.
publicKeystringВаш публічний ключ із панелі керування — його безпечно віддавати в браузерendpointstringВласний URL ендпоінта для розгортань із проксі-маршрутизацією — явний URL важливіший за regionregionstringРегіон даних: us або eutimeoutMsnumberЧас очікування всього виклику getResult(), у мілісекундахlinkedIdstringВаш внутрішній ID акаунта авторизованого користувача, щоб пов’язувати відвідування з одного пристроюtagstringДовільна мітка, що додається до запиту ідентифікації, наприклад checkout або logindebugbooleanПише життєвий цикл скрипта та мережеву активність у консоль браузераscriptUrlstringПовна заміна URL скрипта агента — для self-hosting або Subresource IntegrityЗанурюйтесь глибше з повним довідником API, налаштуванням webhook і просунутими посібниками.
Повний довідник API, посібники з інтеграції та найкращі практики.
Доставка подій у реальному часі, схема корисного навантаження і перевірка підпису.
Налаштуйте сповіщення про події в реальному часі для кожної ідентифікації пристрою.
Додайте фінгерпринтинг пристроїв до вашого застосунку Vue менш ніж за 5 хвилин.