# Quickstart

URL: https://docs.ablyft.com/de/developers/quickstart/

> Installiere das Snippet in fünf Schritten und prüfe, ob ABlyft korrekt geladen wird.



Diese Seite zeigt den kürzesten Weg von einem neuen Project zu einer geprüften Integration. Er dauert etwa 10 Minuten.

## Schritt 1: Snippet finden

1. Öffne dein Project in ABlyft.
2. Gehe zu **Settings → Snippet**.
3. Kopiere den Code unter **Implementation (base snippet)**. Dieselbe Seite zeigt dir deine **Project/Snippet ID**.

Der Code sieht so aus (`12345678` steht für deine Project-ID):

```html
<script src="https://cdn.ablyft.com/s/12345678.js"></script>
```

## Schritt 2: Zu deiner Website hinzufügen

Füge das Snippet so früh wie möglich in den `<head>` jeder Seite ein, die du testen möchtest. Alle Optionen
(asynchrones Laden, Google Tag Manager, Sub-Snippets) sind unter [Snippet einbinden](https://docs.ablyft.com/de/developers/installation/snippet/)
beschrieben.

## Schritt 3: Publishing

Normalerweise musst du nichts tun: ABlyft veröffentlicht automatisch, wenn sich dein Project ändert, und erstellt das
erste Snippet, sobald das Project angelegt wird. Wenn du sichergehen möchtest, prüfe **Last published** unter
**Settings → Snippet**. Details: [Publishing](https://docs.ablyft.com/de/developers/installation/publishing/).

## Schritt 4: Installation prüfen

1. Öffne deine Website mit `?ablyft_check=true` in der URL und führe in der Browser-Konsole `ablyft.get('data')` aus.
   Wenn du deine Project-ID siehst, ist das Snippet geladen. Alle Prüfungen sind unter
   [Integration prüfen](https://docs.ablyft.com/de/developers/debugging/verify-integration/) beschrieben.
2. Öffne das **Live Log** deines Projects in ABlyft, um zu sehen, wie Events eintreffen, während du deine Website nutzt.

> ABlyft prüft nicht automatisch, ob das Snippet installiert ist. Die Konsolenprüfung und das Live Log sind der
> schnellste Weg, das herauszufinden.

## Schritt 5: Test-Goal erstellen

Erstelle ein Goal, das du gezielt auslösen kannst, um zu belegen, dass Events bei ABlyft ankommen.

1. Erstelle ein Goal vom Typ **Custom** mit einem **API Name**, zum Beispiel `test-goal`
   (siehe [Goals konfigurieren](https://docs.ablyft.com/de/guides/goals-and-measurement/configure-goals/)).

2. Weise es einem Experiment zu.

3. Löse es aus der Browser-Konsole oder aus deinem Code aus:

   ```js
   window.ablyft = window.ablyft || [];
   window.ablyft.push({ eventType: 'custom', eventName: 'test-goal' });
   ```

4. Prüfe das Live Log. Mehr zu Goals: [Custom goals](https://docs.ablyft.com/de/developers/tracking-and-events/custom-goals/).

> **Events brauchen einen gebucketten Visitor:** Das Snippet sendet Events nur, wenn der Visitor Teil mindestens eines Experiments ist. Wenn nichts ankommt, stelle
> sicher, dass auf der getesteten Seite ein Experiment läuft (oder im Preview ist).

## Nächste Schritte

- [Installation](https://docs.ablyft.com/de/developers/installation/): Environments, Requirements und Publishing.
- [Debugging](https://docs.ablyft.com/de/developers/debugging/): Weitere Möglichkeiten, deine Integration zu prüfen.
- [Consent Manager](https://docs.ablyft.com/de/developers/consent-and-security/consent-manager/): Auf die Einwilligung warten, bevor getrackt wird.

