# Preview & QA

URL: https://docs.ablyft.com/de/guides/experiments/preview-and-qa/

> Prüfe Variations, Targeting und Goals, bevor ein Experiment live geht, und teile Previews mit deinem Team.



Bevor echte Visitors ein Experiment sehen, solltest du es prüfen. ABlyft bietet einen **Preview-Modus**, der ein Experiment
nur Personen zeigt, die einen speziellen Link öffnen, sowie ein **Quality-Assurance-(QA-)Tool**, das zeigt, welche Pages,
Experiments und Goals auf einer Seite aktiv sind.

## Den Preview-Modus starten

1. Öffne das Experiment.
2. Wähle in den Status-Steuerelementen oben auf der Seite **Preview mode** und bestätige.

Das Experiment hat nun den Status **Preview**, und über den Cards erscheint eine **Preview**-Box. Ein Experiment in
Preview verhält sich wie ein laufendes, aber nur Visitors, die die Preview aktivieren, sehen es.

Das Experiment braucht mindestens eine Variation, Page und ein Goal, siehe
[Bevor du Preview oder Start nutzen kannst](https://docs.ablyft.com/de/guides/experiments/start-pause-stop/#before-you-can-preview-or-start).

## Die Preview-Box

| Element                               | Beschreibung                                                                                                                                                                                                                                                |
| ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Variation to preview**              | Die Variation, die du sehen möchtest. Standardmäßig die erste Variation, die nicht die Baseline ist.                                                                                                                                                        |
| **URL to preview**                    | Die Seite, die geöffnet wird. Sie beginnt mit der Example URL des Experiments. Du kannst sie ändern, zum Beispiel um eine andere Seite zu prüfen.                                                                                                           |
| **Exclude other running experiments** | Standardmäßig aktiviert. Andere laufende Experiments werden dann in deiner Preview nicht angezeigt und beeinflussen somit nicht, was du siehst. Schalte es aus, um zu sehen, wie dein Experiment mit den bereits live laufenden Experiments zusammenspielt. |
| **Open preview directly in browser**  | Öffnet die Preview in einem neuen Tab.                                                                                                                                                                                                                      |
| **Open with quality assurance tool**  | Öffnet die Preview mit dem QA-Tool. Siehe [QA-Tool](#qa-tool).                                                                                                                                                                                              |
| QR-Code (**Scan to preview**)         | Scanne ihn, um die Preview auf einem Smartphone oder Tablet anzusehen.                                                                                                                                                                                      |
| **Preview/Sharing URL**               | Der vollständige Link. Kopiere ihn mit dem Copy-Button und teile ihn mit Kolleginnen und Kollegen.                                                                                                                                                          |
| Kamera-Symbol (**Take screenshots**)  | Erstellt Screenshots der Variation für Desktop und/oder Mobile. Optional werden Cookie-Banner geschlossen und die gesamte Seite aufgenommen. Abhängig von deinem Tarif; andernfalls bittet dich ABlyft, Kontakt aufzunehmen.                                |

Wenn du den Preview-Link öffnest, verhält sich die Seite wie folgt:

* Du siehst die gewählte Variation, unabhängig von Traffic Allocation und Exclusion Groups.
* Bei Experiments im Status **Preview** werden Audiences nicht geprüft, du siehst das Experiment also auch dann, wenn du
  nicht zur Audience gehörst. Die Pages und [Environments](https://docs.ablyft.com/de/guides/audiences-and-delivery/environments/) des
  Experiments müssen aber weiterhin passen.
* Goals werden **nicht** getrackt, und aus deinen Preview-Besuchen werden keine Results gesammelt.
* Die Preview bleibt in deiner Browser-Session aktiv, auch wenn du zu anderen Seiten navigierst. Das Schließen des Tabs
  oder Browsers beendet sie.

> **Snippet erforderlich:** Die Preview funktioniert über das Snippet. Enthält die Seite das ABlyft Snippet nicht, ändert sich nichts. Siehe
> [Snippet einbinden](https://docs.ablyft.com/de/developers/installation/snippet/).

## Preview-Links und URL-Parameter

Der Preview-Link ist deine Example URL plus URL-Parameter, die das Snippet liest:

```text
https://example.com/product?ablyft_preview=12345678_98765432
```

Die Parameter sind unter [URL parameters](https://docs.ablyft.com/de/developers/reference/url-parameters/) beschrieben: `ablyft_preview`
(`<experiment ID>_<variation ID>`), `ablyft_exclude_running` und `ablyft_qa_token`. ABlyft fügt die letzten beiden
automatisch hinzu, wenn du **Exclude other running experiments** ausschaltest oder **Open with quality assurance tool**
nutzt.

Um mehrere Experiments gemeinsam in der Preview anzusehen, füge einen bestehenden Preview-Link in **URL to preview** ein.
Der neue Link enthält dann beide Kombinationen.

> **Gehe sorgsam mit dem QA-Link um:** Das `ablyft_qa_token` gehört zu deinem Project. Teile Links mit dem QA-Tool nur mit Personen, die den Aufbau deiner
> Experiments sehen dürfen.

## QA-Tool

Öffne es mit **Open with quality assurance tool**. Auf der Seite erscheint ein Panel mit dem ABlyft-Logo und drei Tabs.
Es aktualisiert sich jede Sekunde, während du dich durch die Seite klickst.

| Tab             | Zeigt                                                                                                                                                                                |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Pages**       | Alle Pages des Projects mit ihrem **Trigger** und ob sie auf dieser Seite gerade **active** oder **inactive** sind.                                                                  |
| **Experiments** | Alle Experiments mit der **Variation**, die du siehst, dem **Status** und ob das Experiment **active** oder **inactive** ist.                                                        |
| **Goals**       | "Goal events on this page": jedes Goal, das ausgelöst wird. Siehe [Goals mit dem QA-Tool prüfen](https://docs.ablyft.com/de/guides/goals-and-measurement/verify-measurement/#check-goals-with-the-qa-tool). |

Die Namen verlinken auf den passenden Eintrag in ABlyft. Schließe das Panel mit dem X oben rechts.

Nutze es, um Fragen wie diese zu beantworten: Passt mein Page-Targeting auf diese URL? Hat das Experiment gestartet?
Wird mein Click Goal ausgelöst, und mit welchem Wert? Wenn etwas nicht stimmt, siehe
[Experiment wird nicht angezeigt](https://docs.ablyft.com/de/guides/troubleshooting/experiment-not-showing/) und
[Messung prüfen](https://docs.ablyft.com/de/guides/goals-and-measurement/verify-measurement/).

## Eine Variation erzwingen

Neben der Preview können Entwickler per Code eine bestimmte Variation für einen Visitor erzwingen, zum Beispiel um den
echten Ablauf inklusive Goals in einem automatisierten Test zu prüfen. Siehe
[`forceVariation`](https://docs.ablyft.com/de/developers/reference/javascript-api/push/#forcevariation).

## Die Preview beenden

Wähle in den Status-Steuerelementen **Start**, um das Experiment auszuführen, oder öffne das Status-Menü (zum Beispiel
**Experiment is in preview**) und wähle **Set back to draft**. Siehe [Starten, pausieren & beenden](https://docs.ablyft.com/de/guides/experiments/start-pause-stop/).

## Checkliste vor dem Start

* Jede Variation sieht auf Desktop und Mobile korrekt aus und funktioniert.
* Das Experiment läuft nur auf den vorgesehenen Pages (Card **Pages**) und, falls genutzt, Environments.
* Das QA-Tool zeigt, dass deine Goals im richtigen Moment ausgelöst werden.
* **Traffic Split & Distribution** ist wie beabsichtigt.
* Andere Experiments, die auf denselben Pages laufen, kollidieren nicht, siehe [Exclusion Groups](https://docs.ablyft.com/de/guides/experiments/exclusion-groups/).

## Nächste Schritte

- [Starten, pausieren & beenden](https://docs.ablyft.com/de/guides/experiments/start-pause-stop/): Schicke dein Experiment live.
- [Messung prüfen](https://docs.ablyft.com/de/guides/goals-and-measurement/verify-measurement/): Stelle sicher, dass Goals korrekt gemessen werden.
- [Debugging](https://docs.ablyft.com/de/developers/debugging/): Technische Werkzeuge für Entwickler.

