Varianten-Typen

Mit den Varianten werden für die Teilnehmer eines Experiments unterschiedliche Inhalte ausgespielt. Es gibt fünf verschiedene Variantentypen.

1. Original-Variante
   Die Originalvariante wird für die Kontrollgruppe genutzt. Es wird keine Veränderung ausgespielt.
   
   
2. Redirect-Variante
   Mit der Redirect-Variante wird der Testteilnehmer auf eine andere URL weitergeleitet. Die Weiterleitung erfolgt bevor der User den Inhalt der Original-Seite sehen kann. Abgesehen von einer Änderung in der Adresszeile ist es für den Testteilnehmer nicht wahrnehmbar, dass er weitergeleitet wurde.
   
   Hinweis:
   Bei der Weiterleitung werden die URL-Parameter der Original-Seite mitgenommen. Läuft ein Test auf der Seite mit der URL https://bunchbox.co/?_utm-source=display und wird bei der Redirect-Variante die Ziel-URL https://bunchbox.co/display-lp/ angegeben, dann wird der User auf die Seite mit der URL https://bunchbox.co/display-lp/?_utm-source=display weitergeleitet. Dadurch ist sichergestellt, dass z.B. ein Kampagnentracking auf Basis von URL-Parametern weiterhin funktioniert.
   
   
3. Code-Variante
   Mit der Code-Variante können Varianten gebaut werden, die die Original-Seite mit JavaScript oder jQuery verändern.
   Der Varianten-Code kann in ein entsprechendes Feld eingegeben werden. Beim laufenden Experiment wird der Code dann in dem Moment ausgeführt, in dem Bunchbox geladen wird.  Bunchbox stellt mehrere Helper-Funktionen bereit, die das Erstellen von Varianten erleichtern. 
   
   
4. HTML-Variante
   Bei der HTML-Variante können HTML-Bausteine genutzt werden, um Varianten zu erstellen. Der hinterlegte HTML-Code wird der Original-Seite hinzugefügt. An welcher Stelle, wird durch einen CSS-Selektor bestimmt. Es gibt verschiedene Möglichkeiten den HTML-Baustein zur Seite hinzuzufügen:
   
   
   • Den Inhalt des Elements mit dem angegebenen Selektor ersetzen
   • Im Element mit dem angegebenen Selektor am Ende einfügen
   • Im Element mit dem angegebenen Selektor am Anfang einfügen
   • Nach dem Element mit dem angegebenen Selektor einfügen
   • Das Element mit dem angegebenen Selektor selbst ersetzen
     
     
5. Visueller Editor-Variante
   Mit dem visuellen Editor können Varianten auch ohne Programmierkenntnisse erstellt werden. Im Editor wird die Original-Seite geöffnet. Durch Klick auf einzelne Elemente können Eigenschaften wie Texte, Bilder, Farben, Formatierungen usw. sehr einfach geändert werden.