Sehen, woher die Käufer Ihrer Vue-App kommen

MIRA FIVE ist Analyse rund um die Person. In Vue 3 ist es ein Plugin auf dem Browser-SDK: useMira() gibt jeder Komponente den Client, Ihr Server meldet die bezahlten Bestellungen.

Wie senden Sie eigene Events?

Mit track in einem Handler. Namen mit $ am Anfang sind reserviert.

<script setup lang="ts">
import { useMira } from '@mirafive/sdk-vue'

const mira = useMira()
</script>

<template>
  <button @click="mira.track('added_to_cart', { product: 'merino-shirt' })">In den Warenkorb</button>
</template>

Wie kommt eine Bestellung zu ihrem Kanal?

Über die Person. Stellen Sie die Website-Quelle unter Daten → Quellen auf Vollständig, setzen Sie dann mode: 'full' und das Plugin identity():

import { identity } from '@mirafive/sdk-browser/identity'

const mira = createMira({
  key: import.meta.env.VITE_MIRAFIVE_KEY,
  mode: 'full',
  plugins: [pageviews(), identity(), flags()],
})

Ihr Banner übergibt die Antwort mit mira.consent({ statistics: true, experiments: true, targeting: false }), nach der Anmeldung folgt mira.identify(user.id, { plan: user.plan }), nach der Abmeldung mira.reset(). Vor der Antwort speichert und sendet der volle Modus nichts; Kennungen liegen im localStorage, nie in Cookies.

Meldet Ihr Server die Bestellung mit derselben ID, landet der Kauf bei dieser Person. Mit einem Kaufziel auf order_paid zeigt Herkunft Käufer und Umsatz je Kanal. Ihr Backend muss kein Node.js sein: Für PHP, Laravel, Symfony und Convex gibt es eigene Pakete.

Im Tab Einbauen der Quelle steht Von Ihrem Coding-Agent einbauen lassen: ein Prompt für Claude Code, Cursor oder Codex mit Schlüssel, allen Schritten und der Prüfung. Server-Rendering beschreibt die Dokumentation, die Aufgabenteilung die Einrichtungsseite.