# Käufer je Kanal, mit zwei Zeilen Code

> MIRA FIVE in jede Website einbauen, deren Head Sie bearbeiten können, vom CMS bis zum Shop-Theme: zwei Zeilen zählen Besuche, eine dritte die Bestellung.

URL: https://mirafive.io/de/fuer/website  
Updated: 2026-09-28

Zwei Zeilen im Head jeder Seite zählen jeden Besuch, eine weitere auf der Bestellbestätigung meldet den Kauf mit Umsatz.

Paket `@mirafive/tracker`

## In 4 Schritten eingerichtet

1. ### Zwei Zeilen in den Head setzen  
Nehmen Sie den Website-Schlüssel (`mf_…`) Ihrer Website-Quelle aus **Daten → Quellen**, tragen Sie ihn in `data-key` ein und setzen Sie beide Zeilen in den `<head>` jeder Seite, meist in den Theme-Header oder das gemeinsame Layout. Der Schlüssel ist öffentlich.  
```  
<script>window.mirafive=window.mirafive||function(){(mirafive.q=mirafive.q||[]).push(arguments)}</script>  
<script defer src="https://cdn.mirafive.io/mira.js" data-key="mf_…"></script>  
```
2. ### Antwort des Banners übergeben  
Nur für eine vollständige Quelle. Mit `data-mode="full"` am Tag wird nichts gesendet oder gespeichert, bis die Person antwortet. Ihr Banner ruft `consent` auf: `true` erlaubt nur die Statistik, `false` vergisst IDs und Nutzer, `{ statistics, experiments, targeting }` beantwortet jeden Bereich einzeln. Die Dokumentation zeigt ein Beispiel für Cookiebot.  
```  
<script>window.mirafive=window.mirafive||function(){(mirafive.q=mirafive.q||[]).push(arguments)}</script>  
<script defer src="https://cdn.mirafive.io/mira.js" data-key="mf_…" data-mode="full"></script>  
<script>  
  // Aus Ihrem Banner aufrufen, sobald die Person antwortet oder ihre Wahl ändert.  
  mirafive('consent', { statistics: statistikErlaubt, experiments: praeferenzenErlaubt, targeting: marketingErlaubt })  
</script>  
```
3. ### Bestellung melden  
Auf der Seite, die die Zahlung bestätigt, meldet eine weitere Zeile die Bestellung mit Umsatz und Währung. Das funktioniert mit dem Script-Tag allein; im vollen Modus mit Einwilligung landet der Kauf bei der Person.  
```  
<script>  
  mirafive('track', 'order_paid', { revenue: 328, currency: 'EUR' })  
</script>  
```
4. ### Live-Ansicht prüfen  
Öffnen Sie die Website unter ihrer echten Domain; localhost sendet nur mit `data-track-localhost`. Führen Sie `mirafive('flush')` in der Konsole aus, der Batch an `events.mirafive.io` antwortet mit `202`, und Ihr Besuch erscheint unter **Daten → Live**.

MIRA FIVE ist Analyse rund um die Person. Das gehostete Script `@mirafive/tracker` passt zu jeder Website, deren Head Sie bearbeiten können: CMS, Baukasten, Shop-Theme oder statisches HTML. Es wiegt rund 4 kB, braucht keinen Build-Schritt und zählt die Einstiegsseite und jede Navigation einer Single-Page-App.

## Wohin gehören die zwei Zeilen?

In den `<head>` jeder Seite, dort, wo Ihr System ihn pflegt: Theme-Header, gemeinsames Layout oder Basis-Template. Ein Plugin für Shopify, Shopware, WooCommerce oder WordPress gibt es nicht, die Zeilen kommen wie jedes andere Script ins Theme. `mira.js` muss per `src` geladen werden, eingebettet funktioniert es nicht. In Laravel und Symfony gibt das Server-Paket das Tag aus, siehe [Laravel](https://mirafive.io/de/fuer/laravel) und [Symfony](https://mirafive.io/de/fuer/symfony).

## Wie kommt eine Bestellung zu ihrem Kanal?

Über die Person. Im vollen Modus identifizieren Sie angemeldete Kundinnen nach der Einwilligung mit Ihrer eigenen Nutzer-ID und vergessen sie bei der Abmeldung:

```html
<script>
  // Nach der Anmeldung
  mirafive('identify', 'user_123', { plan: 'pro' })

  // Nach der Abmeldung
  mirafive('reset')
</script>
```

Das `order_paid` der Bestätigungsseite landet dann bei dieser Person, neben dem Kanal ihres ersten Besuchs. Kennungen liegen im localStorage, nie in Cookies. Mit einem Kaufziel auf `order_paid` zeigt Herkunft Käufer und Umsatz je Kanal und Kampagne.

## Was kann das Tag noch?

- `data-autocapture` erfasst Klicks, Formulare und Feldänderungen ohne Code, nie das Eingetippte.
- `data-host` sendet über einen Proxy auf Ihrer eigenen Domain.
- Dieselben Dateien liegen als `@mirafive/tracker` auf npm, wenn Sie das Script selbst hosten.

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. Alle Attribute stehen in der [Dokumentation](https://docs.mirafive.io/sdks/script-tag), die Aufgabenteilung auf der [Einrichtungsseite](https://mirafive.io/de/einrichtung).

## Andere Einrichtungen

Dieselben Zahlen, egal wie Ihre Website gebaut ist.

- [Next.js](https://mirafive.io/de/fuer/nextjs)
- [React](https://mirafive.io/de/fuer/react)
- [Astro](https://mirafive.io/de/fuer/astro)
- [Laravel](https://mirafive.io/de/fuer/laravel)
- [Nuxt](https://mirafive.io/de/fuer/nuxt)
- [Symfony](https://mirafive.io/de/fuer/symfony)
- [PHP](https://mirafive.io/de/fuer/php)
- [Vue](https://mirafive.io/de/fuer/vue)
- [TanStack Start](https://mirafive.io/de/fuer/tanstack-start)
- [Node.js](https://mirafive.io/de/fuer/nodejs)
- [Convex](https://mirafive.io/de/fuer/convex)
- [JavaScript](https://mirafive.io/de/fuer/javascript)

[Zur Dokumentation](https://docs.mirafive.io)

## Fragen und Antworten

### Gibt es ein Plugin für Shopify, Shopware, WooCommerce oder WordPress?

Nein. Die zwei Zeilen kommen wie jedes andere Script in den Head des Themes, die Bestellung ist eine weitere Zeile auf der Bestätigungsseite. Wer Ihr Theme bearbeitet, kann beides einfügen. Bei Shopify führt die Bestellstatusseite keine eigenen Skripte mehr aus; senden Sie die Bestellung dort von einem Server, der den Bestell-Webhook empfängt.

### Was erfasst die Standardeinrichtung?

Besuche, Seiten, Kanäle, Kampagnen, Länder, Geräte und Events. Sie setzt keine Cookies, speichert nichts auf dem Gerät und sendet keine Kennung. IP-Adressen dienen zur Bestimmung von Land und Region und werden nie mit Ihren Analysedaten gespeichert.

### Was braucht meine Content Security Policy?

`script-src https://cdn.mirafive.io` und `connect-src https://events.mirafive.io`. Die Inline-Zeile der Warteschlange braucht die Nonce der Seite oder ihren Hash in `script-src`.

## Sehen Sie, welcher Kanal Käufer bringt

Kostenlos bis 25.000 Events im Monat. Ohne Kreditkarte.

[Kostenlos starten](https://app.mirafive.io/register)[Zu den Preisen](https://mirafive.io/de/preise)