Preview & 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, Audiences, Experiments und Goals auf einer Seite aktiv sind, und mit dem du Variations wechseln kannst.
Den Preview-Modus starten
- Öffne das Experiment.
- 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.
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. |
| 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 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.
Preview-Links und URL-Parameter
Der Preview-Link ist deine Example URL plus URL-Parameter, die das Snippet liest:
https://example.com/product?ablyft_preview=12345678_98765432Die Parameter sind unter 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. Jede Person mit dem Link kann das QA-Tool öffnen und die Namen deiner
Pages, Audiences, Experiments und Goals sehen. Teile ihn nur intern.
QA-Tool
Das QA-Tool ist ein Panel auf deiner eigenen Website. Es zeigt live, was ABlyft auf der aktuellen Seite tut: welche Pages und Audiences passen, welche Experiments mit welcher Variation laufen und welche Goals ausgelöst werden. Du kannst außerdem direkt auf deiner Website zwischen Variations wechseln.
Das QA-Tool öffnen
Du brauchst:
- Das ABlyft Snippet auf der Seite, die du prüfen möchtest.
- Den QA-Link aus ABlyft. Der Link gehört zu deinem Project.
- Öffne das Experiment.
- Wähle in der Preview-Box die Variation to preview, gib die URL to preview ein und entscheide mit Exclude other running experiments, ob andere laufende Experiments aktiv bleiben.
- Klicke auf Open with quality assurance tool.
Deine Website öffnet sich in einem neuen Tab im Preview-Modus, mit dem QA-Tool am unteren Rand der Seite.
Bleibt in diesem Tab aktiv
Das QA-Tool bleibt aktiv, während du dich im selben Browser-Tab durch deine Website bewegst, auch nach dem Neuladen und nach Seitenwechseln. Es endet, wenn du den Tab schließt oder die Browser-Session endet.
Tabs
Jeder Tab zeigt in seiner Beschriftung einen Live-Zähler, zum Beispiel Pages 2/15 (2 von 15 Pages aktiv). Alle Werte
aktualisieren sich jede Sekunde, auch nach Seitenwechseln in Single-Page-Applications und für Goals, die später
ausgelöst werden.
Das Link-Symbol neben jedem Namen öffnet die Page, Audience, das Experiment oder Goal in ABlyft in einem neuen Tab.
Pages
Alle Pages deines Projects. Der Zähler zeigt aktive Pages / alle Pages.
| Spalte | Bedeutung |
|---|---|
| Name | Name und ID der Page |
| Trigger | Wie die Page aktiviert wird |
| State | active, wenn die Page zur aktuellen URL passt, sonst inactive |
Audiences
Alle Audiences, die deine Experiments nutzen. Der Zähler zeigt passende Audiences / alle Audiences.
| Spalte | Bedeutung |
|---|---|
| Name | Name und ID der Audience |
| Rules | Arten der Targeting-Regeln, zum Beispiel Device oder URL |
| Experiments | Experiments, die diese Audience nutzen |
| State | matching, not matching oder not evaluated (auf dieser Seite noch nicht geprüft) |
Experiments
Alle Experiments deines Projects. Der Zähler zeigt aktive Experiments / alle Experiments.
| Spalte | Bedeutung |
|---|---|
| Name | Name und ID des Experiments |
| Variation | Die Variation, die du siehst, oder -, wenn das Experiment nicht aktiv ist |
| Preview | Dropdown zum Wechseln der Variation, siehe Variations wechseln |
| Status | Status des Experiments in ABlyft, zum Beispiel Running |
| State | active, wenn das Experiment auf dieser Seite läuft, sonst inactive |
Variations wechseln
Wähle im Dropdown Preview eine Variation. Die Seite lädt neu und zeigt die gewählte Variation im Preview-Modus.
–bedeutet, dass du für dieses Experiment noch keine Preview-Variation gewählt hast.- Du kannst mehrere Experiments gleichzeitig in der Preview ansehen. Wechselst du die Variation eines Experiments, bleiben die Previews aller anderen Experiments erhalten.
- Warst du vorher nicht im Preview-Modus, laufen alle anderen laufenden Experiments normal weiter.
- Lange Variation-Namen werden gekürzt. Fahre mit der Maus über das Dropdown, um den vollen Namen zu sehen.
Goals
Alle Goal-Events, die während deiner QA-Session ausgelöst wurden, das neueste oben. Der Zähler zeigt die Anzahl der erfassten Goal-Events.
| Spalte | Bedeutung |
|---|---|
| Name | Name und ID des Goals |
| Type | Goal-Typ, zum Beispiel click, pageview oder custom |
| Counting | Counting Method des Goals |
| Value | Der mit dem Event übergebene Wert, oder none |
| Triggered | Wann das Event ausgelöst wurde, zum Beispiel 12 secs ago |
- Die Liste wächst über Seitenwechsel hinweg weiter. Klicke auf Clear list, um sie zu leeren, zum Beispiel vor einem neuen Testdurchlauf.
- Goals werden nur im Preview-Modus erfasst. Sie werden nicht in den Results deines Experiments gezählt, deine Tests verändern also deine Daten nicht. Siehe Goals mit dem QA-Tool prüfen.
Das Panel anpassen
| Steuerelement | Funktion |
|---|---|
| Griffleiste (Rand des Panels) | Ziehen, um die Höhe zu ändern. Doppelklick setzt die Höhe zurück. |
− / + | Minimiert das Panel auf eine schmale Kopfleiste oder klappt es wieder auf. Ein Klick auf einen Tab im minimierten Zustand klappt es ebenfalls auf. |
▲ / ▼ | Verschiebt das Panel an den oberen oder unteren Rand der Seite. |
x | Blendet das Panel nur für den aktuellen Seitenaufruf aus. Beim nächsten Laden der Seite erscheint es wieder. Damit es nicht stört, minimiere es lieber. |
Höhe, Position, minimierter Zustand und der aktive Tab bleiben erhalten, während du im selben Tab weitersurfst. Auf Mobilgeräten nimmt das Panel standardmäßig höchstens 40 % der Bildschirmhöhe ein.
Was du prüfen kannst
Nutze das QA-Tool, um Fragen wie diese zu beantworten: Passt mein Page-Targeting auf diese URL? Passt meine Audience? Hat das Experiment gestartet, und mit welcher Variation? Wird mein Click Goal ausgelöst, und mit welchem Wert? Wenn etwas nicht stimmt, siehe Experiment wird nicht angezeigt und Messung prüfen.
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.
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.
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.
- Der Tab Audiences im QA-Tool zeigt
matchingfür die Audiences, die du erwartest. - 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.