Chrome Browser Erweiterung
Inhaltsverzeichnis
Kurz & Knapp
Die Varify Chrome-Erweiterung eröffnet dir die Möglichkeit, den Varify Editor zu verwenden, selbst wenn dein Code-Snippet nicht direkt in deine Seite eingebunden ist. Des Weiteren unterstützt sie dich dabei, die korrekte Integration des Varify Code-Snippets auf deiner Website zu überprüfen. Zudem unterstützt sie dich dabei eine Variante zu testen. Die Erweiterung bietet außerdem eine Lösung, falls deine Webseite nicht responsive über den responsive Device Switcher angezeigt wird.
Step-by-Step Tutorial
Varify.io Chrome Erweiterung
Installation der Chrome-Erweiterung
- Download der Erweiterung:
- Lade die Varify.io Chrome-Erweiterung herunter.
- Die Erweiterung findest du unter: Varify.io Chrome Extension
- Installation und Aktivierung in Chrome:
- Klicke auf “Hinzufügen”, um die Erweiterung zu installieren.
- Aktiviere die Erweiterung nach der Installation.
- Füge sie zu deiner Erweiterungsleiste in Chrome hinzu.
- Einbindung des Varify Snippets:
- Gehe zu deinem Varify Dashboard.
- Suche dort nach “Get Snippet Here” und kopiere das dort angezeigte Varify Snippet.
- Öffne die Varify.io Chrome-Erweiterung.
- Füge das kopierte Snippet in das Feld “Your Snippet Code” innerhalb der Erweiterung ein
Funktionen der Varify.io Chrome Erweiterung
Code-Snippet Integration überprüfen
Im oberen rechten Bereich der Erweiterung erhältst du auf einen Blick Informationen darüber, ob das Varify Code-Snippet bereits auf der Website integriert ist. (Hier ist die Integration in deinem Website Code gemeint, nicht das Varify Code Snippet welches du in der Chrome Erweiterung eingefügt hast.) Ein grüner Punkt und die Anzeige “Snippet found” signalisieren eine erfolgreiche Integration, während ein orangefarbener Punkt und die Meldung “Snippet not found” darauf hinweisen, dass das Snippet fehlt.
Vorschau des Editors mit der Chrome-Erweiterung
Selbst wenn das Code-Snippet noch nicht auf deiner Website vorhanden ist, ermöglicht dir die Erweiterung, die Funktionen von Varify und dem Editor zu testen. Dazu aktiviere einfach den Schalter für “Integrate Snippet”. Dadurch wird das Snippet nur in deinem Browser integriert. Nun kannst du im Varify Dashboard eine neue Variation erstellen, indem du die URL eingibst und auf “Create new Variation” klickst. Die Seite öffnet sich mit dem Varify Editor, ohne dass du den Code deiner Website ändern musst. Dies bietet eine ideale Möglichkeit, das Tool auszuprobieren.
Quality Assurance über den Session Storage
Wenn du Varianten testen möchtest und dabei die Methode mittels Audience Targeting über einen Session Storage nutzen möchtest, wird dir unsere Erweiterung dabei schnell und unkompliziert helfen, den passenden Session Storage zu setzen.
Füge einfach den folgenden Code in das Audience Targeting deines Experiments ein und starte es mit einer 100%igen Variantenausspielung.
const STORAGE_KEY = 'varify-test';
const STORAGE_VALUE = 'true';
return isValueMatched = sessionStorage.getItem(STORAGE_KEY) === STORAGE_VALUE;
Nur Nutzer mit dem entsprechenden Session Storage-Eintrag werden die Variante sehen können. Mit der Varify.io Chrome-Erweiterung kannst du über den Schalter “Activate Quality Assurance” mit nur einem Klick den Session Storage setzen und dir die Variante anzeigen lassen. So wird das Testen deiner Varianten zu einem reibungslosen Prozess. Eine genauere Beschreibung findest du hier: A/B Testing – Qualitätssicherung
Umgehung von Problemen mit dem Responsive Device Switcher
Der Responsive Device Switcher im Editor ermöglicht die Anzeige einer Website in verschiedenen Bildschirmbreiten. Gelegentlich kann es aufgrund von Framing-Beschränkungen vorkommen, dass der Device Switcher die Website nicht laden kann. In solchen Fällen bietet die Varify Chrome-Erweiterung eine schnelle Lösung. Du kannst einfach den Schalter für “Allow Responsive Devices Switcher” aktivieren, die Seite neu laden, und der Responsive Device Switcher funktioniert einwandfrei.
DE 
EN 
PT 
IT 
TR 
ES 
FR