Kameleoon Debug Assistant extension - Kameleoon Documentation

Weitere Informationen zur Kameleoon Graphic editor-Erweiterung finden Sie im Artikel getting started with the Graphic editor.

Installation der Erweiterung

Fügen Sie die Erweiterung zu Chrome hinzu. Sie kann hier im Chrome Web Store heruntergeladen werden.
Öffnen Sie die Webkonsole (F12 auf PC oder command+option+I auf Mac).
Klicken Sie auf den Kameleoon-Tab in der Webkonsole.
Klicken Sie auf Activate.

Die Anmeldeseite der Kameleoon-App öffnet sich. Geben Sie Ihre Anmeldedaten ein.

Vereinfachte Authentifizierung

Sie können auch das Kameleoon-Symbol der Erweiterung verwenden, um den Authentifizierungsprozess zu starten:

Klicken Sie auf das Kameleoon-Symbol und ein Pop-up wird angezeigt.

Klicken Sie auf Open Login Pop-up, um das Anmelde-Pop-up anzuzeigen. Sie können das Anmelde-Pop-up verwenden, um Ihre E-Mail und Ihr Passwort einzugeben und sich anzumelden.

Klicken Sie auf das Kameleoon-Symbol, und ein Pop-up wird angezeigt. Falls Sie bereits in Ihrem Browser angemeldet sind, wird unter der Schaltfläche Open Login Pop-up ein Abschnitt angezeigt, der es Ihnen ermöglicht, sich mit Ihrer aktuellen Sitzung anzumelden. Klicken Sie auf Log in as….

Das Abmelden erfolgt nach denselben Schritten wie das Anmelden. Klicken Sie einfach auf das Kameleoon-Symbol > Log out.

Berechtigungen

Die Seite My websites wird geöffnet. Die Erweiterung wird aktiviert und gewährt Ihnen die Berechtigungen, die Erweiterung auf allen in Ihrem Kameleoon-Konto konfigurierten Websites zu verwenden. Wenn Sie die Erweiterung zum ersten Mal aktivieren, werden Sie auf Ihre Website weitergeleitet, damit Sie die Erweiterung sofort verwenden können. Wenn Sie Ihrem Kameleoon-Konto eine neue Website hinzufügen, erhalten Sie die Meldung, dass Sie keine Berechtigung zur Verwendung der Erweiterung auf der Website haben. Klicken Sie auf Proceed to tag injection. Die Schaltfläche führt Sie direkt zum Tag Injector. Aktualisieren Sie dann Ihre Berechtigungen. Eine Meldung bestätigt die Aktualisierung.

Falls Sie Ihrem Kameleoon-Konto eine neue Website hinzufügen, können Sie Ihre Berechtigungen auch aktualisieren, indem Sie unten im Dashboard der Erweiterung auf Update list of sitecodes klicken.

Struktur

Die Erweiterung bietet mehrere Tabs:

Campaigns
Assets
Timeline
Dev tools
Options

Sie können auf eine Dashboard-Seite zugreifen, indem Sie auf das Kameleoon-Logo klicken.

Dashboard

Das Dashboard wird standardmässig angezeigt, wenn Sie die Erweiterung öffnen. Klicken Sie auf das Symbol +, um das Dashboard zu erstellen und anzupassen, sodass es die wesentlichen Informationen enthält. Jedes Widget kann vergrössert, verkleinert und geschlossen werden. Sie können die Anzahl der Zeilen erhöhen, indem Sie auf das Drei-Punkte-Menü oben links klicken. Die Ihnen zur Verfügung stehenden Einsätze sind die folgenden:

Consent: Gibt an, ob Sie Ihre Zustimmung für Experiments oder Personalizations gegeben haben (true bedeutet, dass Sie zugestimmt haben oder dass keine Zustimmung erforderlich ist; false bedeutet, dass Sie die Zustimmung verweigert haben oder dass Kameleoon die Experimente in Erwartung Ihrer Zustimmung blockiert hat).
Custom data: Listet die aktiven Custom Data auf der Seite mit ID und Wert auf.
Experiments: Listet alle auf der Seite laufenden Experimente auf, gibt deren ID an, bewertet das Targeting (true/false) und zeigt die ID der registrierten und der angezeigten Variation an.
Personalizations: Dasselbe für alle auf der Seite laufenden Personalisierungen.
Site Code: Zeigt den relevanten Sitecode an.
Visitor Code: Gibt den Ihnen zugewiesenen Visitor Code an, der unter anderem die Überwachung von Besuchen ermöglicht.

Unten im Dashboard finden Sie einen Link, mit dem Sie Sitecodes aktualisieren können, wenn eine neue Website zu Ihrem Kameleoon-Konto hinzugefügt wird.

Campaigns

Experimente

Auf dem Tab Experiments finden Sie alle auf der Seite laufenden Experimente. Sie können Spalten hinzufügen oder entfernen, indem Sie auf Add columns klicken, um die Tabelle anzupassen.

ID: ID des Experiments. Klicken Sie, um Details anzuzeigen.
Name: Name des Experiments.
Triggered: True, wenn das Experiment auf der Seite ausgelöst wurde, sonst false.
Triggered In Visit: True, wenn das Experiment im aktuellen Besuch ausgelöst wurde, sonst false.
Active: True, wenn das Experiment derzeit auf der Seite aktiv ist, sonst false.
Activated In Visit: True, wenn das Experiment im aktuellen Besuch aktiviert wurde, sonst false. Beachten Sie, dass ein ausgelöstes Experiment nicht zwangsläufig bedeutet, dass Kameleoon das Experiment aktiviert hat, da mehrere zusätzliche Faktoren die Aktivierung beeinflussen können (z. B. der Besucher gehört zum aus dem Experiment ausgeschlossenen Traffic oder es sind Capping-Optionen festgelegt).
Displayed Variation: ID der angezeigten Variation (No variation, wenn nicht angesprochen; 0, wenn angesprochen, aber der Referenz zugewiesen).
Associated Variation: ID der Variation, die Ihnen mit Ihrem Visitor Code zugewiesen wurde (0, wenn nicht angesprochen). Sie können eine Variation erzwingen, indem Sie sie in der Dropdown-Liste auswählen. Mit dem Augensymbol auf der rechten Seite können Sie sie in der Vorschau anzeigen.
Date Modified: Datum der letzten Änderung am Experiment.
Assignment Time: Wann Sie der Variation zugewiesen wurden. Wenn die Variation das Original ist und Sie nicht angesprochen wurden, lautet der Wert Not assigned yet.
Online since: Das Datum, an dem das Experiment online ging.

Variationen

Wenn Sie auf die ID eines Experiments klicken, öffnet sich ein Menü. Der erste Tab fasst alle Variationen des Experiments zusammen und gibt deren Name, ID sowie JS/CSS an (falls Code in der Variation injiziert wurde). Sie können zwischen Variationen wechseln, indem Sie auf die Variations-ID klicken.

Der Abschnitt Elements listet alle Elemente auf, die Kameleoon für eine Variation ändert. Er ermöglicht es Ihnen, Ihre Kampagnen zu debuggen und schnell zu sehen, ob die Elemente auf der Seite erkannt werden. Der Selektor des Elements repräsentiert jeden Eintrag. Wenn die Erweiterung das Element rot anzeigt, erscheint das Element nicht auf der Seite; in Grün erscheint das Element auf der Seite. Jeder Eintrag hat zwei Schaltflächen: eine Kopierschaltfläche und eine Hervorheben-Schaltfläche.

Mit der Kopierschaltfläche kann der CSS-Selektor kopiert werden. Mit der Hervorheben-Schaltfläche kann das zugehörige Element auf der Seite hervorgehoben werden. Daher ist sie nicht verfügbar, wenn das Element auf der Seite nicht erkannt wird. Sie können auch alle Elemente auf der Seite mit dem Symbol hervorheben, das über der Elementliste angezeigt wird.

Konfiguration

Die gesamte Konfiguration des Experiments wird in der Erweiterung angezeigt. Sie finden hier die Informationen, die normalerweise in der Konsole stehen.

Targeting

Der Abschnitt Targeting zeigt die Targeting-Bedingungen mit logischen Verknüpfungen zwischen ihnen an. Einige Bedingungen ermöglichen den Zugriff auf zusätzliche Details, wenn Sie darauf klicken. Beispielsweise wird für eine JS-Bedingung das auszuführende JS angezeigt.

Feature Flags

Der Tab Feature flags enthält alle Feature Flags, die Kameleoon auf der Seite erkennt.

Untersuchen Sie in diesem Tab das Verhalten jedes Feature Flags. Die Tabelle enthält die folgenden Informationen:

ID: ID des Feature Flags. Klicken Sie auf die ID, um detaillierte Informationen anzuzeigen.
Name: Name des Feature Flags.
Triggered: True, wenn das Flag auf der Seite ausgelöst wurde.
Triggered in visit: True, wenn das Flag während des aktuellen Besuchs ausgelöst wurde.
Active: True, wenn das Flag derzeit auf der Seite aktiv ist.
Activated in visit: True, wenn das Flag in der aktuellen Sitzung aktiviert wurde.
Displayed variation: ID der angezeigten Variation. No variation bedeutet, dass der Benutzer nicht angesprochen wird. 0 bezieht sich auf die Referenzvariation.
Associated variation: Die Variation, der Kameleoon den Besucher zuweist. Verwenden Sie die Dropdown-Liste, um eine Variation zu erzwingen. Mit dem eye-Symbol können Sie diese Variation in der Vorschau anzeigen.

Wenn Sie auf eine Flag-ID klicken, können Sie auf die Konfiguration zugreifen, die Details wie die folgenden enthält:

JavaScript- oder CSS-Code, der für jede Variation injiziert wird (falls vorhanden)
Targeting- und Segmentierungsbedingungen
Zeitstrahl und letztes Änderungsdatum

Die Feature-Flag-Ansicht hilft beim Debuggen von Feature Flags und gewährleistet eine korrekte Auslieferung in Echtzeit.

Personalizations

Auf diesem Tab finden Sie alle auf der Seite laufenden Personalisierungen. Fügen Sie Spalten hinzu oder entfernen Sie sie, indem Sie auf Add columns klicken, um die Tabelle anzupassen.

ID: ID der Personalisierung. Klicken Sie, um Details anzuzeigen.
Name: Name der Personalisierung.
Triggered: Ob Sie angesprochen werden.
Triggered In Visit: True, wenn die Personalisierung im aktuellen Besuch ausgelöst wurde, sonst false.
Active: True, wenn die Personalisierung derzeit auf der Seite aktiv ist, sonst false.
Associated Variation: ID der Variation, die Ihnen mit Ihrem Visitor Code zugewiesen wurde (0, wenn nicht angesprochen). Sie können eine Variation erzwingen, indem Sie sie in der Dropdown-Liste auswählen. Mit dem Augensymbol auf der rechten Seite können Sie sie in der Vorschau anzeigen.
Activated In Visit: True, wenn die Personalisierung im aktuellen Besuch aktiviert wurde, sonst false. Beachten Sie, dass eine ausgelöste Personalisierung nicht zwangsläufig bedeutet, dass das zugehörige Ereignis eingetreten ist, da mehrere zusätzliche Faktoren die Ausführung beeinflussen können. Beispielsweise können Capping-Optionen die Ausführung verhindern, oder der Besucher kann Teil einer Kontrollgruppe für die Personalisierung sein (in diesem Fall zeigt Kameleoon die Personalisierung nicht an).
Not Exposed Reason: Falls die Personalisierung ausgelöst, aber nicht angezeigt oder aktiviert wurde, gibt das Feld Not Exposed Reason den Grund für die Nicht-Exposition an. Mögliche Werte sind:
- GLOBAL_EXCLUSION (der Besucher gehört zur global aus allen Personalisierungen ausgeschlossenen Population).
- PERSONALIZATION_EXCLUSION (der Besucher gehört zur Population, die von der aktuellen Personalisierung ausgeschlossen ist. Zum Beispiel befindet sich der Besucher in der Kontrollgruppe).
- PRIORITY (eine andere Personalisierung hat höhere Priorität).
- SCHEDULE (die Personalisierung ist gemäss ihrem Zeitplan derzeit ausgeschaltet).
- PERSONALIZATION_CAPPING (die Personalisierung hat ihr globales Capping in Bezug auf Besucher erreicht).
- VISITOR_CAPPING (der Besucher hat ein Capping erreicht, das die Anzeige der Personalisierung verhindert).
- SCENARIO (die Personalisierung wird nicht angezeigt, weil die Szenariobedingungen nicht erfüllt sind).
- SIMULATION (im Simulationsmodus erzwingt Kameleoon die Nicht-Exposition, was in der Produktion nicht passieren kann; der Grund ist verfügbar, wenn die Personalisierung auf der aktuellen Seite ausgelöst wurde und die Eigenschaft active false ist, andernfalls ist der Wert null).
Date Modified: Datum der letzten Änderung an der Personalisierung.