> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Schnellstart — in 5 Schritten live

> Der schnellste Weg zur laufenden Konversionsverfolgung: Tracking-Website anlegen, Snippet einbinden, Ereignisse prüfen und in unter 10 Minuten messen.

Diese Anleitung beschreibt die wenigen Schritte vom Scanova-Konto bis zum laufenden Tracking. Für die Feinheiten folgen Sie den Links im jeweiligen Schritt.

## Schritt 1: Eine Tracking-Website anlegen

Eine **Tracking-Website** steht für eine Website-Domain. Ohne sie können Sie weder das SDK einbinden noch Server-Ereignisse senden.

1. Melden Sie sich im Scanova-Dashboard an
2. Gehen Sie zu **Analysen → Konversionsverfolgung**
3. Klicken Sie auf **Create Site**
4. Geben Sie einen Namen ein und tragen Sie Ihre **Allowed Domains** ein (z. B. `yoursite.com`)
5. Speichern Sie

Nach dem Speichern erzeugt Scanova eine eindeutige **`site_id`** für diese Website. Sie verwenden sie im Snippet und in allen API-Aufrufen.

<Tip>
  Tragen Sie alle Hostnamen ein, auf denen Ihr Tracking-Snippet läuft — die Variante mit `www` ebenso wie die ohne `www`, dazu alle Staging-Domains, auf denen Sie testen wollen.
</Tip>

## Schritt 2: Das Browser-SDK einbinden

1. Wählen Sie unter **Analysen → Konversionsverfolgung → Konversionsverfolgung einrichten** bei der eben angelegten Website **Tracking-Einrichtung** und bleiben Sie im Tab **Skript einbetten**
2. Stellen Sie die Schalter für die automatische Erfassung (Seitenaufrufe, Klicks, Formularabsendungen) und den Debug-Modus ein
3. Kopieren Sie das erzeugte Snippet
4. Fügen Sie es in der HTML-Vorlage Ihrer Website vor `</head>` ein

```html theme={null}
<head>
  <!-- other tags -->
  <script>
  (function(w,d,s,o,f,js,fjs){
    w['ScanovaTrackingObject']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  })(window,document,'script','scanova','https://cdn.scanova.io/ct/js/qcg.min.js');

  scanova('init', 'YOUR_SITE_ID', {
    autoPageview: true,
    autoClicks: true,
    autoForms: true,
    autoScroll: true
  });
  </script>
</head>
```

Sie nutzen den Google Tag Manager? Siehe [Einbindung über GTM](/de/conversion-tracking/browser/install#option-b-google-tag-manager).

## Schritt 3: Ihre QR-Codes mit der Tracking-Website verknüpfen

Damit Ereignisse einem bestimmten QR-Code zugeordnet werden, muss dessen Zieldomain zu einer der **Allowed Domains** Ihrer Tracking-Website passen.

1. Öffnen Sie einen QR-Code im Scanova-Dashboard
2. Gehen Sie zu seinen Einstellungen unter **Settings** oder **Redirect**
3. Prüfen Sie, dass die Ziel-URL auf einer Domain aus Schritt 1 liegt (z. B. `yoursite.com`)

<Note>
  Führt der QR-Code auf eine Domain, die **nicht** in den Allowed Domains der Tracking-Website steht, werden Browser-Ereignisse von dieser Domain mit `403` abgewiesen. Die Zuordnung funktioniert nur bei passender Zieldomain.
</Note>

## Schritt 4: Prüfen, ob das SDK arbeitet

1. Öffnen Sie Ihre Website in einem Browser
2. Öffnen Sie die DevTools und darin den Tab **Network**
3. Filtern Sie nach `/ct`
4. Laden Sie die Seite neu — Sie sollten eine `POST`-Anfrage an `https://t.scanova.io/ct` mit der Antwort `200` sehen

Sehen Sie die Anfrage, arbeitet das SDK. Andernfalls hilft [Fehlerbehebung für das Browser-SDK](/de/conversion-tracking/troubleshooting#browser-sdk-issues).

## Schritt 5: (Optional) Serverseitige Konversionen senden

Für Kaufbestätigungen, Registrierungen und andere Backend-Ereignisse erzeugen Sie einen API-Schlüssel und senden die Ereignisse von Ihrem Server.

1. Öffnen Sie bei derselben Website **Tracking-Einrichtung** und dann den Tab **Über API verfolgen**
2. Wählen Sie **Add New Key**, vergeben Sie einen Namen, kopieren Sie den Schlüssel und bewahren Sie ihn sicher auf
3. Senden Sie eine `POST`-Anfrage an `https://track.scanova.io/server-events`:

```bash theme={null}
curl -X POST "https://track.scanova.io/server-events" \
  -H "Content-Type: application/json" \
  -H "X-API-Key: YOUR_API_KEY" \
  -d '{
    "site_id": "YOUR_SITE_ID",
    "event_name": "purchase",
    "scan_session_id": "SCAN_SESSION_ID_FROM_BROWSER",
    "conversion_value": { "amount": 49.99, "currency": "USD" }
  }'
```

<Warning>
  Geben Sie Ihren `X-API-Key` niemals in Code preis, der im Browser läuft. Er gehört ausschließlich auf den Server.
</Warning>

Ausführliche Anleitung: [Server-Ereignisse senden](/de/conversion-tracking/server/send-events)

## Schritt 6: Ihre Daten ansehen

Öffnen Sie im Dashboard **Analysen → Konversionsverfolgung**, wählen Sie Ihre Website und öffnen Sie den Tab **Analytics**. Ihre ersten Ereignisse sollten innerhalb von 30–60 Sekunden nach der Prüfung des SDK in Schritt 3 erscheinen.

***

## Wie es weitergeht

<CardGroup cols={2}>
  <Card title="Das Browser-SDK konfigurieren" icon="sliders" href="/de/conversion-tracking/browser/sdk-configuration">
    Alle SDK-Optionen — Schalter für die automatische Erfassung, Debug-Modus und mehr.
  </Card>

  <Card title="Eigene Ereignisse" icon="sparkles" href="/de/conversion-tracking/browser/custom-events">
    Erfassen Sie gezielt Aktionen wie Klicks auf Schaltflächen oder ausgefüllte Formulare.
  </Card>

  <Card title="Server-Ereignisse" icon="server" href="/de/conversion-tracking/server/overview">
    Konversionen sicher aus dem Backend senden — mit Zuordnung.
  </Card>

  <Card title="SPAs & Frameworks" icon="react" href="/de/conversion-tracking/browser/spa-frameworks">
    Einrichtungsschritte für React, Next.js und Vue.
  </Card>
</CardGroup>
