Variations

Eine Variation ist eine Version deiner Seite, die an einem Experiment teilnimmt. Jedes Experiment vergleicht mindestens zwei Variations: die Baseline (die unveränderte Seite) und eine oder mehrere veränderte Versionen.

Die Variations-CardCopy Anchor Link

Die Card Variations auf der Experiment-Seite ("WHAT changes do you want to test?") listet alle Variations auf:

Die Baseline "Original"Copy Anchor Link

Wenn du die erste Variation eines Experiments erstellst, legt ABlyft automatisch auch die Variation Original an. Sie hat den Typ Unchanged und ist als Baseline markiert. Alle anderen Variations werden in den Results mit der Baseline verglichen.

Löschst du die Baseline, wird die älteste verbleibende Variation zur neuen Baseline.

Variation-TypenCopy Anchor Link

Eine Variation erstellenCopy Anchor Link

1. Klicke auf der Experiment-Seite in der Card Variations auf new variation.
2. Schritt General: Gib einen Name ein (ABlyft schlägt Variation #1, Variation #2 usw. vor) und optional eine Description. Bei der ersten Variation eines Experiments erklärt der Hinweis, dass Original automatisch erstellt wird.
3. Schritt Type: Wähle, wie du die Variation aufbauen möchtest. Klicke auf eine Option, um zu lesen, wann du sie wählen solltest.
4. Klicke auf Create variation.

Was als Nächstes passiert, hängt vom Typ ab:

• Visual Editor: Deine Example URL öffnet sich im Editor. Siehe Visual Editor.
• Alle anderen Typen: Die Variation-Einstellungen öffnen sich, in denen du die Redirect-URL, deinen Code oder die Shopify-Details eingibst.

Wenn du eine Variation erstellst oder löschst, verteilt ABlyft den Traffic des Experiments wieder gleichmäßig auf alle Variations. Prüfe Traffic Split & Distribution in den Experiment-Einstellungen, wenn du eine ungleiche Verteilung brauchst.

Eine Variation bearbeitenCopy Anchor Link

Jede Zeile hat einen Button Edit. Bei einer Visual Editor-Variation öffnet er den Editor, bei allen anderen Typen die Variation-Einstellungen. Das Menü neben dem Button bietet:

EinstellungenCopy Anchor Link

Die Variation-Einstellungen sind in Bereiche gegliedert:

CodeCopy Anchor Link

Der Bereich Code enthält JS code, CSS code und Reset JS code sowie Settings from Visual Editor: das vom Visual Editor erzeugte JSON, das für den Typ Visual Editor erforderlich ist. Bearbeite es nur, wenn du weißt, was du tust.

Was jedes Feld macht, der Code Helper, die Ausführungsreihenfolge, das Limit von 32.768 Zeichen und der Code des gesamten Experiments (Experiment Level Codes) sind unter Custom JavaScript beschrieben.

Redirect-VariationsCopy Anchor Link

Mit dem Typ Redirect werden Visitors der Variation auf eine andere URL geschickt. Das ist nützlich für Split-URL-Tests, bei denen die Variation eine komplett andere Seite ist.

Beispiel: Ein Experiment läuft auf https://example.com/overview, und die Variation soll https://example.com/overview2 zeigen.

1. Erstelle eine Variation vom Typ Redirect.
2. Gib im Bereich Redirect to a different URL die Redirect URL ein. Das ist entweder eine vollständige URL (https://...) oder ein Query-String, der mit ? beginnt, um URL-Parameter zu testen.
3. Lass Preserve query parameters angehakt (Standard), wenn die Parameter der aktuellen URL weitergegeben werden sollen. Enthalten beide URLs denselben Parameter, gewinnt der Wert der Redirect-URL.
4. Speichere.

Der Visitor wird so früh wie möglich weitergeleitet, und ABlyft blendet die Seite in der Zwischenzeit aus, um Flackern zu vermeiden. Loop-Schutz und weitere Details: redirect.

Multi-Page-Experiments (Funnel)Copy Anchor Link

Manchmal braucht ein Experiment auf verschiedenen Seiten unterschiedliche Änderungen, zum Beispiel ein Banner auf der Startseite und geänderte Texte auf Produktseiten. Das erreichst du mit einem Experiment, mehreren Pages und Variation-Code, der prüft, wo er läuft.

Beliebige Einstiegsseite. Der Visitor sieht die Änderungen auf jeder anvisierten Seite:

1. Ordne dem Experiment alle relevanten Pages zu (Card Pages), zum Beispiel "Homepage" und "Product Pages".

2. Verzweige im Variation-Code nach Seite:

   Copy Text

   const path = window.location.pathname;
   
   if (path === '/') {
     // Code for "Add banner"
   } else if (path.startsWith('/product/')) {
     // Code for "Text changes inside boxes"
   }

   Statt des Pfads kannst du auch eine CSS-Klasse, das Vorhandensein eines Elements oder einen Data-Layer-Wert prüfen.

Bestimmte Einstiegsseite. Der Visitor soll die Änderungen der Produktseite erst sehen, nachdem er das Banner auf der Startseite gesehen hat:

1. Speichere im Variation-Code der Startseite ein Flag, wenn die Änderung angewendet wird:

   Copy Text

   window.localStorage.setItem('homepage_banner_added', 'true');

2. Erstelle eine zusätzliche Page, zum Beispiel "Product Pages (after homepage banner)", mit der URL-Regel der Produktseite. Gib unter Advanced Targeting eine Bedingung ein, die das Flag prüft:

   Copy Text

   return window.localStorage.getItem('homepage_banner_added') === 'true';

3. Ordne diese Page dem Experiment statt der einfachen Produktseiten-Page zu und behalte den Produkt-Zweig in deinem Code.

Eine Variation löschenCopy Anchor Link

Öffne das Menü der Variation und klicke auf Delete. ABlyft verteilt den Traffic automatisch neu und macht, falls du die Baseline gelöscht hast, die älteste verbleibende Variation zur neuen Baseline. Prüfe danach die Traffic-Verteilung. Denke daran, dass ein Experiment mindestens eine Variation braucht, um gestartet zu werden, siehe Bevor du Preview oder Start nutzen kannst.

Nächste SchritteCopy Anchor Link