Kameleoon Debug Assistant extension - Kameleoon Documentation

Pour plus d’informations sur l’extension Kameleoon Graphic editor, consultez l’article getting started with the Graphic editor.

Installation de l’extension

Ajoutez l’extension à Chrome. Vous pouvez la télécharger ici sur le Chrome Web Store.
Ouvrez la console web (F12 sur PC ou command+option+I sur Mac).
Cliquez sur l’onglet Kameleoon dans la console web.
Cliquez sur Activate.

La page de connexion à l’application Kameleoon s’ouvre. Saisissez vos identifiants de connexion.

Authentification simplifiée

Vous pouvez également utiliser l’icône Kameleoon de l’extension pour démarrer le processus d’authentification :

Cliquez sur l’icône Kameleoon et une pop-up apparaîtra.

Cliquez sur Open Login Pop-up pour afficher la pop-up de connexion. Vous pouvez utiliser la pop-up de connexion pour saisir votre e-mail et votre mot de passe afin de vous connecter.

Cliquez sur l’icône Kameleoon et une pop-up apparaîtra. Si vous êtes déjà connecté sur votre navigateur, une section apparaîtra sous le bouton Open Login Pop-up, vous permettant de vous connecter avec votre session actuelle. Cliquez sur Log in as….

La déconnexion suit les mêmes étapes que la connexion. Il suffit de cliquer sur l’icône Kameleoon > Log out.

Autorisations

La page My websites s’ouvre. L’extension s’active et vous donne les autorisations nécessaires pour utiliser l’extension sur tous les sites web configurés dans votre compte Kameleoon. La première fois que vous activez l’extension, vous serez redirigé vers votre site web, afin de pouvoir utiliser l’extension immédiatement. Si vous ajoutez un nouveau site web à votre compte Kameleoon, on vous indiquera que vous n’avez pas l’autorisation d’utiliser l’extension sur le site. Cliquez sur Proceed to tag injection. Le bouton vous emmène directement à Tag Injector. Mettez ensuite à jour vos autorisations. Un message confirme la mise à jour.

Si vous ajoutez un nouveau site web à votre compte Kameleoon, vous pouvez également mettre à jour vos autorisations en cliquant sur Update list of sitecodes en bas du tableau de bord de l’extension.

Structure

L’extension propose plusieurs onglets :

Campaigns
Assets
Timeline
Dev tools
Options

Vous pouvez accéder à une page de tableau de bord en cliquant sur le logo Kameleoon.

Tableau de bord

Le tableau de bord apparaît par défaut lorsque vous ouvrez l’extension. Cliquez sur l’icône + pour construire et personnaliser le tableau de bord, afin qu’il contienne les informations essentielles. Chaque widget peut être agrandi, réduit et fermé. Vous pouvez augmenter le nombre de lignes en cliquant sur le menu à trois points en haut à gauche. Les encarts à votre disposition sont les suivants :

Consent : Indique si vous avez donné votre consentement pour les Experiments ou les Personalizations (true indique que vous avez donné votre consentement ou que le consentement n’est pas requis ; false signifie que vous avez refusé le consentement ou qu’en attendant votre consentement, Kameleoon a bloqué les expériences).
Custom data : Liste les custom data actives sur la page, leur ID et leur valeur.
Experiments : Liste toutes les expériences en cours d’exécution sur la page et indique leur ID, évalue le ciblage (true/false) et affiche l’ID de la variation enregistrée et de la variation affichée.
Personalizations : Idem pour toutes les personnalisations en cours d’exécution sur la page.
Site Code : Affiche le sitecode concerné.
Visitor Code : Indique le visitor code qui vous est attribué, ce qui permet de suivre les visites parmi d’autres métriques.

Vous trouverez un lien en bas du tableau de bord qui vous permet de mettre à jour les sitecodes lorsqu’un nouveau site web est ajouté à votre compte Kameleoon.

Campaigns

Expériences

Dans l’onglet Experiments, vous trouverez toutes vos expériences en cours d’exécution sur la page. Vous pouvez ajouter ou supprimer des colonnes en cliquant sur Add columns pour personnaliser le tableau.

ID : ID de l’expérience. Cliquez pour afficher les détails.
Name : Nom de l’expérience.
Triggered : True si l’expérience a été déclenchée sur la page, sinon false.
Triggered In Visit : True si l’expérience a été déclenchée pendant la visite en cours, sinon false.
Active : True si l’expérience est actuellement active sur la page, sinon false.
Activated In Visit : True si l’expérience a été activée pendant la visite en cours, sinon false. Notez qu’une expérience déclenchée n’implique pas nécessairement que Kameleoon ait activé l’expérience, car plusieurs facteurs supplémentaires peuvent affecter l’activation (par exemple, le visiteur faisant partie du trafic exclu de l’expérience, ou des options de capping définies).
Displayed Variation : ID de la variation affichée (No variation quand non ciblé ; 0 quand ciblé mais attribué à la référence).
Associated Variation : ID de la variation qui vous a été attribuée avec votre visitor code (0 quand non ciblé). Vous pouvez forcer une variation en la sélectionnant dans la liste déroulante. L’icône en forme d’œil à droite permet de la prévisualiser.
Date Modified : Date de la dernière modification apportée à l’expérience.
Assignment Time : Quand vous avez été attribué à la variation. Si la variation est l’originale et que vous n’avez pas été ciblé, la valeur est Not assigned yet.
Online since : La date à laquelle l’expérience est passée en ligne.

Variations

Lorsque vous cliquez sur l’ID d’une expérience, un menu s’ouvre. Le premier onglet regroupe toutes les variations de l’expérience, indiquant leur nom, ID et JS/CSS (si du code a été injecté dans la variation). Vous pouvez passer d’une variation à une autre en cliquant sur l’ID de la variation.

La section Elements liste tous les éléments que Kameleoon modifie pour une variation. Elle vous permet de déboguer vos campagnes et de voir rapidement si les éléments sont détectés sur la page. Le sélecteur de l’élément représente chaque entrée. Lorsque l’extension affiche l’élément en rouge, l’élément n’apparaît pas sur la page ; en vert, l’élément apparaît sur la page. Chaque entrée a deux boutons : un bouton de copie et un bouton de mise en évidence.

Le bouton de copie peut être utilisé pour copier le sélecteur CSS. Le bouton de mise en évidence peut être utilisé pour mettre en évidence l’élément associé sur la page. Il n’est donc pas disponible lorsque l’élément n’est pas détecté sur la page. Vous pouvez également mettre en évidence tous les éléments de la page en utilisant l’icône qui apparaît au-dessus de la liste des éléments.

Configuration

L’ensemble de la configuration de l’expérience est affiché dans l’extension. Vous trouverez les informations qui se trouvent normalement dans la console.

Ciblage

La section Targeting affiche les conditions de ciblage avec les liens logiques entre elles. Certaines conditions donnent accès à des détails supplémentaires lorsque vous cliquez dessus. Par exemple, pour une condition JS, le JS à exécuter apparaît.

Feature flags

L’onglet Feature flags contient tous les feature flags que Kameleoon détecte sur la page.

Inspectez le comportement de chaque feature flag dans cet onglet. Le tableau inclut les informations suivantes :

ID : ID du feature flag. Cliquez sur l’ID pour afficher des informations détaillées.
Name : Nom du feature flag.
Triggered : True si le flag s’est déclenché sur la page.
Triggered in visit : True si le flag s’est déclenché pendant la visite en cours.
Active : True si le flag est actuellement actif sur la page.
Activated in visit : True si le flag s’est activé pendant la session en cours.
Displayed variation : ID de la variation affichée. No variation indique que l’utilisateur n’est pas ciblé. 0 correspond à la variation de référence.
Associated variation : La variation à laquelle Kameleoon attribue le visiteur. Utilisez la liste déroulante pour forcer une variation. L’icône eye vous permet de prévisualiser cette variation.

Lorsque vous cliquez sur l’ID d’un flag, vous pouvez accéder à la configuration, qui inclut des détails tels que :

Code JavaScript ou CSS injecté pour chaque variation (le cas échéant)
Conditions de ciblage et de segmentation
Chronologie et date de dernière modification

La vue feature flag aide à déboguer les feature flags et à garantir une diffusion correcte en temps réel.

Personalizations

Dans cet onglet, vous trouverez toutes les personnalisations en cours d’exécution sur la page Ajoutez ou supprimez des colonnes en cliquant sur Add columns pour personnaliser le tableau.

ID : ID de la personnalisation. Cliquez pour afficher les détails.
Name : Nom de la personnalisation.
Triggered : Si vous êtes ciblé.
Triggered In Visit : True si la personnalisation a été déclenchée pendant la visite en cours, sinon false.
Active : True si la personnalisation est actuellement active sur la page, sinon false.
Associated Variation : ID de la variation qui vous a été attribuée avec votre visitor code (0 quand non ciblé). Vous pouvez forcer une variation en la sélectionnant dans la liste déroulante. L’icône en forme d’œil à droite permet de la prévisualiser.
Activated In Visit : True si la personnalisation a été activée pendant la visite en cours, sinon false. Notez qu’une personnalisation déclenchée n’implique pas nécessairement que l’événement associé se soit produit, car plusieurs facteurs supplémentaires peuvent affecter l’exécution. Par exemple, des options de capping peuvent empêcher l’exécution, ou le visiteur peut faire partie d’un groupe de contrôle pour la personnalisation (auquel cas Kameleoon n’affiche pas la personnalisation).
Not Exposed Reason : Si la personnalisation a été déclenchée mais non affichée ou activée, le champ Not Exposed Reason détaille la raison de la non-exposition. Les valeurs possibles sont :
- GLOBAL_EXCLUSION (le visiteur fait partie de la population globalement exclue de toutes les personnalisations).
- PERSONALIZATION_EXCLUSION (le visiteur fait partie de la population exclue de la personnalisation en cours. Par exemple, le visiteur est dans le groupe de contrôle).
- PRIORITY (une autre personnalisation a une priorité plus élevée).
- SCHEDULE (la personnalisation est actuellement désactivée selon son planning).
- PERSONALIZATION_CAPPING (la personnalisation a atteint son capping global en termes de visiteurs).
- VISITOR_CAPPING (le visiteur a atteint un capping empêchant l’affichage de la personnalisation).
- SCENARIO (la personnalisation ne sera pas affichée car les conditions du scénario ne sont pas remplies).
- SIMULATION (en mode simulation, Kameleoon force la non-exposition, ce qui ne peut pas se produire en production ; la raison est disponible si la personnalisation a été déclenchée sur la page actuelle et que la propriété active est false, sinon la valeur sera null).
Date Modified : Date de la dernière modification apportée à la personnalisation.