Änderungen fehlen
Das Experiment läuft, aber eine Variation sieht aus wie das Original. Finde heraus, warum.
Nutze diese Seite, wenn du sicher bist, dass du im Experiment bist (zum Beispiel über einen Preview-Link), die Seite aber trotzdem wie das Original aussieht oder nur einige deiner Änderungen erscheinen.
Wenn du nicht sicher bist, ob das Experiment überhaupt für dich läuft, prüfe zuerst Experiment wird nicht angezeigt.
1. Siehst du wirklich die richtige Variation?
Die Variation Original und Variations vom Typ Unchanged sehen absichtlich aus wie die ursprüngliche Seite. Ein Visitor bleibt außerdem in der Variation, die er zuerst erhalten hat, du wurdest also vielleicht einfach dem Original zugewiesen.
Öffne die Variation gezielt mit dem Preview-Link des Experiments (Open preview directly in browser im Bereich Preview). Siehe Preview & QA.
2. Die letzten Änderungen sind noch nicht live
Warte, bis die Anzeige Publishing … in der oberen Leiste verschwindet, und lade die Seite dann neu. Siehe Publishing delay.
3. Das Element wird nicht gefunden (Selektoren)
Visuelle Änderungen sind über einen CSS selector an ein Element gebunden. Findet er nichts, passiert nichts. Wahrscheinliche Ursachen:
- Die Seite hat sich geändert, nachdem du die Variation gebaut hast (zum Beispiel nach einem Release deiner Website).
- Der Selector hängt von generierten Klassennamen ab, oder das Element existiert nur auf manchen Seiten oder für manche Visitors.
- Das Element liegt in einem iFrame. ABlyft kann Inhalte eines anderen Dokuments nicht ändern.
Öffne die Variation erneut im Visual Editor und prüfe, ob das Element noch gefunden wird. Bevorzuge stabile Selectors, etwa
eine id oder eine eigene Klasse. Siehe Selectors do not find elements.
4. Das Element erscheint spät
ABlyft wartet auf Elemente, die noch nicht existieren. Wenn deine eigene Code-Variation direkt document.querySelector() verwendet,
bitte deine Entwicklerin oder deinen Entwickler, stattdessen ablyftTools.waitForElement() zu nutzen, siehe
Dynamische Inhalte.
5. Die Website überschreibt die Änderung
Wenn die Änderung kurz erscheint und dann wieder verschwindet, rendert deine Website das Element wahrscheinlich neu, was bei Single-Page-Anwendungen üblich ist. Verwende eine Page mit einem URL Change-Trigger, siehe SPA navigation.
6. Ein Fehler in deinem eigenen Code
In Code-Variations, im Code des Experiments und im Project-Code stoppt ein JavaScript-Fehler diesen Codeabschnitt an der fehlerhaften Zeile. Alles danach wird nicht ausgeführt, der Rest deiner Website funktioniert aber weiter. Das CSS der Variation wird separat angewendet.
- Aktiviere den Debug-Modus des Projects und öffne die Browser-Konsole. Fehler werden mit dem Präfix
ABlyft #angezeigt. Siehe Debug-Modus. - Teste den Code in der Browser-Konsole, um die fehlerhafte Zeile zu finden.
7. Flicker: Die Änderung erscheint zu spät
Wenn die Änderung erscheint, die Visitors aber kurz zuerst das Original sehen, ist das Flicker. Es ist keine fehlende Änderung, sollte aber behoben werden. Siehe Flicker.
8. Eine Redirect-Variation
Variations vom Typ Redirect schicken den Visitor auf eine andere URL. Prüfe, ob die Ziel-URL stimmt und ob das Snippet auch auf der Zielseite installiert ist. Liegt das Ziel auf einer anderen Domain, siehe Results wirken unplausibel.
Nächste Schritte
- Preview & QA, um Variations vor dem Launch zu prüfen
- Debugging für die technischen Werkzeuge