• Fehlerbehebung - Mögliche Ursachen

    Inhaltsverzeichnis

    Kurz & Knapp

    Sollte es Probleme im Zusammenhang mit dem Laden des Editors, Speichern von Varianten oder dem Tracking von Varianten geben, werden auf dieser Seite mögliche Ursachen aufgeführt und es wird beschrieben, wie diese gelöst werden können.

    1. Editor oder Preview Varianten laden nicht

    Wenn du deine Webseite über das Varify.io Dashboard aufrufst, aber der Varify.io Editor nicht lädt, dann liegt das in den meisten Fällen daran, dass das Varify.io Script nicht korrekt auf deiner Website integriert ist, deine Website eine Content Security Policy einsetzt oder die notwendigen vairfy-Parameter entfernt.

    Ist das Script korrekt installiert?

    Ob das Snippet korrekt implementiert wurde, kannst du am einfachsten überprüfen, indem du die Browser-Konsole öffnest:

    1. Klicke mit der rechten Maustaste auf einen leeren Bereich deiner Webseite
    2. Wähle “Inspizieren” oder “Element untersuchen”.
    3. Wähle die Registerkarte “Konsole”, gebe den Text varify ein und drücke die Eingabetaste.

    Wenn du deine Account-ID im Feld “iid” siehst und der Wert “loaded: true” angezeigt wird, ist das Skript korrekt implementiert worden.

    Im nachfolgenden Beispiel siehst du einen häufigen Fehler. Vor dem eingebundene Varify.io Script ist ein weiteres geöffnetes <script> Tag. Das hat zur Folge, dass das Varify.io Script nicht korrekt geladen werten kann. 

    Content Security Policy (CSP)

    Websites können eine Content Security Policy (CSP) implementieren, indem sie den HTTP-Response-Header Content-Security-Policy verwenden oder ein <meta>-Tag mit dem http-equip Wert “Content-Security-Policy” angeben.

    ℹ️ Anstatt allem, was ein Server liefert, blind zu vertrauen, definiert das CSP den HTTP-Header “Content-Security-Policy”, mit dem eine Zugriffskontrollliste von Quellen mit vertrauenswürdigen Inhalten definiert sind. Außerdem weist er den Browser an, nur Ressourcen aus diesen Quellen auszuführen oder anzuzeigen.

    So erkennst du CSP Fehler

    Du musst deine CSP anpassen, um Varify.io zu nutzen, wenn:

    a) Du einen Fehler wie diesen in deiner Browser Konsole siehst:

    This page uses security features that are incompatible with the varify.io editor.

    b) Du einen Fehler wie diesen in den Google Developer Tools siehst:

    Refused to execute editor.varify.io because it violates the following Content Security Policy directive…

    c) Du einen Fehler wie diesen siehst:

    Content Security Policy of your site blocks the use of ‘eval’ in JavaScript.

    So behebst du CSP Fehler

    Wenn deine Website ein (CSP) verwendet, müssen folgende Werte dort eingetragen werden:

    • https://app.varify.io und
    • https://editor.varify.io

     

    Zusätzlich muss in der script-src die Direktive “unsafe-eval” hinzugefügt werden.

    Um den Responsive Device Switcher zu verwenden, muss deine Domain sowohl in der frame-ancestors als auch in der frame-src Direktive angeben werden.

    Beispiel

    “`
    Content-Security-Policy: frame-ancestors {YOUR_DOMAIN}; frame-src {YOUR_DOMAIN}; script-src ‘unsafe-eval’ https://app.varify.io https://editor.varify.io;
    “`

    Hinweis:
    Der Wert unsafe-eval muss gesetzt werden, damit benutzerdefiniertes Javascript durch die Variation ausgeliefert werden kann.

    Varify-Parameter werden entfernt

    Beim Laden des Editors oder dem Anzeigen der Preview-Varianten über die entsprechenden Preview-Links, werden der URL wichtige Parameter angehängt.

    Werden diese durch deine Website entfernt oder blockiert, kann der Editor oder andere Funktionen, wie die Preview-Links, nicht mehr richtig funktionieren.

    So behebst du den Fehler

    Damit die keine wichtigen Parameter von der URL mehr abgeschnitten werden, solltest du diese white-lablen. Folgende Parmeter können von Varify andeine URL angehängt werden:

    varify-editor
    varify-token
    varify-preview
    varify-force

    varify-mode
    varify-variation-id
    varify-variation-name

    2. Varianten werden nicht gespeichert

    Du kannst Änderungen mit dem visuellen Editor durchführen, aber du kannst keine Varianten speichern? Dann liegt es daran, dass das Varify.io Script nicht korrekt integriert ist.

    Falsche Account ID

    Prüfe, ob die Account ID in dem integrierten Script auf deiner Seite der Account ID aus deinem Varify.io Dashboard entspricht. 

    Die Account ID im Dashboard ist “464”

    Falsche Account ID ist integriert – Die Account ID sollte “464” sein

    Varify.io Script ist nicht korrekt integriert

    Siehe hier

    3. Experimente starten nicht

    Bei aktiver Google-Verbindung wird beim Start eines Experiments für jede Variante, einschließlich des Originals, eine Audience in GA4 erstellt. Falls die Erstellung fehlschlägt, startet das Experiment nicht und es erscheint eine Fehlermeldung.

    Überprüfe in diesem Fall folgende Punkte:

    Google Verbindung getrennt

    Falls dein Experiment nicht startet, könnte es an der Google-Verbindung liegen. Versuche in diesem Fall, dich erneut mit deinem Google-Account zu verbinden:

    1.Öffne das Tracking-Setup.

    2.Klicke auf Disconnect, um die aktuelle Verbindung zu trennen.

    3.Verbinde dich anschließend erneut mit deinem Google-Account.

    Verbundenem Google Account fehlen Rechte

    Beim Start eines Experiments erstellt Varify für jede Variante Audiences in GA4. Falls dabei ein Fehler auftritt, könnte es an fehlenden Rechten des verbundenen GA4-Accounts liegen.

    Lösung:

    1. Prüfe, ob der verbundene GA4-Account mindestens die Marketer-Rolle besitzt.
    2. Falls nicht, verbinde einen Account mit dieser Rolle oder passe die Benutzerrechte des verbundenen Accounts in GA4 entsprechend an.

    Zu viele Audiences in GA4 angelegt

    Die Anzahl der Audiences in GA4 ist auf 100 begrenzt. Da bei der Verwendung der GA4 Connection in Varify.io für jede Variante eines Experiments eine eigene Audience erstellt wird, kann ein Experiment nicht starten, wenn aufgrund des Limits keine neuen Audiences angelegt werden können. Folgende Maßnahmen können helfen, dieses Problem zu lösen:

    • Archivierung von Audiences in GA4: Audiences, die nicht mehr benötigt werden (z. B. aus alten Kampagnen), können in GA4 archiviert werden. Beachten dabei, dass diesen archivierten Audiences keine neuen Besuche mehr zugeordnet werden können.
    • Archivierung vergangener Experimente in Varify.io: Bereits abgeschlossene Experimente können in Varify archiviert werden. Dies führt automatisch zur Archivierung der zugehörigen Audiences in GA4. Die Daten zu den archivierten Experimenten werden in Varify.io weiterhin festgehalten und können eingesehen werden.
      Mehr dazu hier: Experimente archivieren

    4. Der Responsive Device Switcher zeigt die Webseite nicht an

    Wenn du deine Webseite responsiv anzeigen und bearbeiten möchtest, aber deine Webseite dabei nicht lädt und einen Fehler anzeigt, dann liegt es an den Framing Einschränkungen. 

    Lösung 1: Nutzung der Varify.io® Chrome Extension

    Damit du deine Varianten trotzdem auch für mobile Geräte anzeigen und anpassen kannst, hast du die Möglichkeit, die diese Framing Einschränkung mit der Varify.io® Chrome Extension zu umgehen.

    1. Downloade die Varify® Chrome Extension
    2. Aktiviere sie in deinem Browser und hinterlege dein Varify® Code Snippet
    3. Aktiviere den Schalter “Allow Responsive Device Switcher”
    4. Lade die Seite erneut – Fertig!

    Nun sollte der Responsive Device Switcher funktionieren.

    Eine ausführlichere Erklärung zur Installation und Aktivierung, sowie weiteren Funktionen findest du hier: Varify® Chrome Browser-Erweiterung

    Lösung 2: Anpassung der X-Frame-Options auf der eigenen Webseite

    Wenn du eine Fehlermeldung wie im obigen Screenshot siehst, kann die Seite aufgrund einer Framing-Beschränkung nicht im responsiven Device Switcher laden.

    Die normale Desktop-Ansicht des visuellen Editors ist von den Einschränkungen des Frames nicht betroffen.

    Wenn deine Seite mit dem Response-Header X-Frame-Options mit dem Wert “deny” ausgeliefert wird, kann die responsive Bearbeitung nicht genutzt werden.

    Eine sinnvolle Lösung wäre in diesem Fall, die Einschränkung auf X-Frame-Options: sameorigin” zu lockern.

    X-Frame-Optionen: “sameorigin” erlaubt die Einbettung deiner Seiten in einen Frame von deiner Domain, aber nicht die Einbettung in andere Webseiten.

    5. Tracking: Keine oder fehlende Daten in GA4

    Google Tag Manager Setup nicht eingerichtet/veröffentlicht (Manuelles Setup)

    Wenn du die manuelle Tracking-Integration nutzt, musst du bestimmte Einstellungen im Google Tag Manager (GTM) vornehmen.

    Wichtig: Der angepasste Container muss veröffentlicht werden, damit das Tracking funktioniert.

    Überprüfe daher:

    1. Ob der Google Tag Manager gemäß der Anleitung eingerichtet wurde (Manuelles Google Tag Manager Tracking Setup).
    2. Ob alle Änderungen veröffentlicht wurden.

    Tracking Activation Script wird nicht ausgelöst

    Wenn in deinem Analytics-Tool keine Tracking-Daten ankommen, könnte die Einstellung Start Tracking on Activation Event im Advanced Setup aktiviert sein. Diese trennt die Variantenausspielung vom Tracking.

    Mögliche Ursachen & Lösungen:

    • Tracking Activation Script wurde nicht ausgelöst
      → Überprüfe, ob das Tracking Activation Script korrekt konfiguriert ist.
      → Es muss im GTM so ausgelöst werden, dass es unmittelbar nach der Initialisierung deines Analytics-Tools feuert.
    • Einstellung deaktivieren (nicht Empfohlen)
      → Dadurch feuern die Tracking-Events direkt mit der Variantenausspielung.
      → Achtung: Das kann zu “Not Set”-Sessions in den Analytics-Daten führen.

    Benutzerdefinierte Definition fehlt oder ist falsch benannt

    Die Informationen der Varify-Tracking-Events werden in GA4 in einer eigenen Custom Dimension gespeichert. Falls diese Custom Dimension nicht existiert, werden keine Daten in GA4 angezeigt.

    Normalerweise wird die Custom Dimension automatisch angelegt, sobald du die Google-Verbindung in Varify aktivierst. Falls das nicht passiert ist oder du keine Google-Verbindung nutzt, überprüfe, ob die Dimension vorhanden ist, und lege sie ggf. manuell an.

    Wichtige Einstellungen für die Custom Dimension:

    • Name: Varify AB Test
    • Scope: Event
    • Event-Parameter: varify_abTestShort

    Varify Tracking testen

    Um das Varify-Tracking zu testen, kannst du nach der Einrichtung einen A/A-Test erstellen und starten.

    Überprüfe danach in der GA4-Echtzeitansicht, ob A/B-Testing-Events von Varify mit den entsprechenden Parametern ankommen.

    Hier findest du die detaillierte Dokumentation: Starte einen A/A Test und überprüfe das Tracking

    6. Seiten Flackern - Flickering Effekt

    Falls beim Laden der Varianten ein Flackereffekt auftritt, liegt das meist daran, dass das Varify-Snippet zu spät geladen wird.

    So kannst du das verhindern:

    • Integriere das Varify-Snippet direkt im <head>-Bereich deiner Website. (Snippet Integration)
    • Alternativ kannst du ein Anti-Flicker-Skript verwenden. Beachte jedoch, dass dies möglicherweise negative Auswirkungen auf die Core Web Vitals und SEO haben kann.

    7. Besucher werden während einer Session / nach akzeptieren von Cookies in andere Varianten geleitet

    In diesem Fall sort der CMP Anbieter dafür, dass Session- oder Local-Storage des browsers geleert werden, sobald das Tracking akzeptiert wurde. Sollte das der Fall sein musst du lediglich Varify.io® bzw. app.varify.io als Anbieter im CMP Tool anlegen und kategorisieren. Hier ein Beispiel zu Cookiebot:

    8. Google Analytcis 4 Verbindung zu Varify.io wird häufig getrennt

    Es kann vorkommen, dass die Verbindung zwischen GA4 und Varify.io unterbrochen wird, was durch eine entsprechende Fehlermeldung angezeigt wird. Eine solche Unterbrechung kann verschiedene Ursachen haben, beispielsweise wenn sich die Berechtigungen für die GA4-Rolle des verbundenen Accounts ändern.

    Der Google-Account kann jederzeit wieder verbunden werden, ohne dass dabei Datenverlust in den bestehenden Audiences entsteht.

    Sollte der Account regelmäßig, beispielsweise alle 24 Stunden, getrennt werden, könnte dies an einer Reauthentifizierungseinstellung in der Google Cloud Session Control liegen.

    In diesem Fall kann die Häufigkeit der Reauthentifizierung entweder verlängert oder vollständig deaktiviert werden.

    Link: Google Reauthentification Admin Tool

  • Erste Schritte