Vue

Inteligența dispozitivelor pentru Vue

Composable Vue 3 pentru identificarea dispozitivelor. Adaugă identificarea vizitatorilor, detecția boților și smart signals în aplicația ta Vue în câteva minute.

Începe Rezervă un demo

Instalare rapidă

Adaugă SDK-ul în proiectul tău cu managerul de pachete preferat.

npmnpm install @tracio/vue

yarnyarn add @tracio/vue

pnpmpnpm add @tracio/vue

Utilizare de bază

Devii operațional cu configurarea minimă.

$vue

<script setup>
import { useVisitorId } from '@tracio/vue'
const { data: visitorId } = useVisitorId()
</script>
<template>
  <div>Visitor: {{ visitorId }}</div>
</template>

Tipare avansate

Tipare gata de producție, cu gestionarea erorilor, stări de încărcare și configurare avansată.

Composable cu watch și urmărire reactivă — Fă clic pentru a extinde

<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>

Opțiuni de configurare

Toate opțiunile disponibile pentru inițializarea și configurarea SDK-ului.

publicKeystringCheia ta publică din dashboard — sigură de folosit în browser

endpointstringURL de endpoint personalizat pentru implementările direcționate prin proxy — un URL explicit are prioritate față de regiune

regionstringRegiunea datelor: us sau eu

timeoutMsnumberTimeout pentru întregul apel getResult(), în milisecunde

linkedIdstringID-ul tău intern de cont pentru utilizatorul autentificat, ca vizitele de pe același dispozitiv să poată fi corelate

tagstringEtichetă liberă atașată cererii de identificare, de ex. checkout sau login

debugbooleanÎnregistrează ciclul de viață al scriptului și activitatea de rețea în consola browserului

scriptUrlstringSuprascriere completă a URL-ului scriptului agent — pentru self-hosting sau Subresource Integrity

Pașii următori

Aprofundează cu referința API completă, configurarea webhookurilor și ghiduri avansate.

Documentație

Referință API completă, ghiduri de integrare și bune practici.

Citește documentația

Webhooks

Livrarea evenimentelor în timp real, schema payloadului și verificarea semnăturii.

Vezi Webhooks