Extensión Kameleoon Debug Assistant - Kameleoon Documentation

Para más información sobre la extensión Kameleoon Graphic editor, consulte el artículo sobre primeros pasos con el Graphic editor.

Instalación de la extensión

Añada la extensión a Chrome. Puede descargarse aquí en la Chrome Web Store.
Abra la consola web (F12 en PC o command+option+I en Mac).
Haga clic en la pestaña Kameleoon de la consola web.
Haga clic en Activate.

Se abre la página de inicio de sesión de la aplicación Kameleoon. Introduzca sus credenciales.

Autenticación simplificada

También puede utilizar el icono Kameleoon de la extensión para iniciar el proceso de autenticación:

Haga clic en el icono Kameleoon y aparecerá un pop-up.

Haga clic en Open Login Pop-up para mostrar el pop-up de inicio de sesión. Puede usar el pop-up de inicio de sesión para introducir su correo electrónico y contraseña.

Haga clic en el icono Kameleoon y aparecerá un pop-up. Si ya ha iniciado sesión en su navegador, aparecerá una sección bajo el botón Open Login Pop-up que le permite iniciar sesión con su sesión actual. Haga clic en Log in as….

Cerrar sesión sigue los mismos pasos que iniciarla. Basta con hacer clic en el icono Kameleoon > Log out.

Autorizaciones

Se abre la página My websites. La extensión se activa y le otorga las autorizaciones para utilizarla en todos los sitios web configurados en su cuenta de Kameleoon. La primera vez que active la extensión, será redirigido a su sitio web para que pueda empezar a usarla de inmediato. Si añade un nuevo sitio web a su cuenta de Kameleoon, se le indicará que no tiene permiso para utilizar la extensión en ese sitio. Haga clic en Proceed to tag injection. El botón le llevará directamente al Tag Injector. Después, actualice sus autorizaciones. Un mensaje confirmará la actualización.

Si añade un nuevo sitio web a su cuenta de Kameleoon, también puede actualizar sus autorizaciones haciendo clic en Update list of sitecodes en la parte inferior del dashboard de la extensión.

Estructura

La extensión proporciona varias pestañas:

Campaigns
Assets
Timeline
Dev tools
Options

Puede acceder a la página del dashboard haciendo clic en el logo de Kameleoon.

Dashboard

El dashboard aparece por defecto cuando abre la extensión. Haga clic en el icono + para construir y personalizar el dashboard, de manera que contenga la información esencial. Cada widget se puede ampliar, reducir y cerrar. Puede incrementar el número de líneas haciendo clic en el menú de tres puntos en la esquina superior izquierda. Los elementos disponibles son los siguientes:

Consent: Indica si ha dado su consentimiento para Experimentos o Personalizaciones (true indica que ha dado su consentimiento o que no se requiere; false significa que ha rechazado el consentimiento o que, a la espera de su consentimiento, Kameleoon ha bloqueado los experimentos).
Custom data: Lista los custom data activos en la página, su ID y su valor.
Experiments: Lista todos los experimentos en ejecución en la página e indica su ID, evalúa el targeting (true/false) y muestra el ID de la variación registrada y de la variación mostrada.
Personalizations: Igual para todas las personalizaciones en ejecución en la página.
Site Code: Muestra el sitecode correspondiente.
Visitor Code: Indica el código de visitante asignado, que permite supervisar las visitas entre otras métricas.

Encontrará un enlace en la parte inferior del dashboard que le permite actualizar los sitecodes cuando se añade un nuevo sitio web a su cuenta de Kameleoon.

Campaigns

Experiments

En la pestaña Experiments, encontrará todos los experimentos en ejecución en la página. Puede añadir o eliminar columnas haciendo clic en Add columns para personalizar la tabla.

ID: ID del experimento. Haga clic para mostrar los detalles.
Name: Nombre del experimento.
Triggered: True si el experimento se activó en la página, en caso contrario false.
Triggered In Visit: True si el experimento se activó en la visita actual, en caso contrario false.
Active: True si el experimento está actualmente activo en la página, en caso contrario false.
Activated In Visit: True si el experimento se activó en la visita actual, en caso contrario false. Tenga en cuenta que un experimento activado no implica necesariamente que Kameleoon haya activado el experimento, ya que varios factores adicionales pueden afectar a la activación (por ejemplo, que el visitante forme parte del tráfico excluido del experimento, o que existan opciones de capping configuradas).
Displayed Variation: ID de la variación mostrada (No variation cuando no es objetivo; 0 cuando es objetivo pero se le asigna la referencia).
Associated Variation: ID de la variación que se le ha asignado con su código de visitante (0 cuando no es objetivo). Puede forzar una variación seleccionándola en el desplegable. El icono de ojo a la derecha le permite previsualizarla.
Date Modified: Fecha del último cambio realizado en el experimento.
Assignment Time: Cuándo se le asignó la variación. Si la variación es la original y no ha sido objetivo, el valor es Not assigned yet.
Online since: La fecha en que el experimento se puso online.

Variations

Al hacer clic en el ID de un experimento, se abre un menú. La primera pestaña reúne todas las variaciones del experimento, indicando su nombre, ID y JS/CSS (si se ha inyectado código en la variación). Puede cambiar de una variación a otra haciendo clic en el ID de la variación.

La sección Elements lista todos los elementos que Kameleoon modifica para una variación. Le permite depurar sus campañas y comprobar rápidamente si los elementos se detectan en la página. El selector del elemento representa cada uno. Cuando la extensión muestra el elemento en rojo, el elemento no aparece en la página; en verde, el elemento aparece en la página. Cada elemento tiene dos botones: un botón de copiar y un botón de resaltar.

El botón de copiar se puede usar para copiar el selector CSS. El botón de resaltar se puede usar para resaltar el elemento asociado en la página. Por lo tanto, no está disponible cuando el elemento no se detecta en la página. También puede resaltar todos los elementos de la página utilizando el icono que aparece sobre la lista de elementos.

Configuration

La configuración completa del experimento se muestra en la extensión. Encontrará la información que normalmente aparece en la consola.

Targeting

La sección Targeting muestra las condiciones de targeting con los enlaces lógicos entre ellas. Algunas condiciones dan acceso a detalles adicionales al hacer clic en ellas. Por ejemplo, para una condición JS, aparece el código JS que se va a ejecutar.

Feature flags

La pestaña Feature flags contiene todos los feature flags que Kameleoon detecta en la página.

Inspeccione el comportamiento de cada feature flag en esta pestaña. La tabla incluye la siguiente información:

ID: ID del feature flag. Haga clic en el ID para ver la información detallada.
Name: Nombre del feature flag.
Triggered: True si el flag se activó en la página.
Triggered in visit: True si el flag se activó durante la visita actual.
Active: True si el flag está actualmente activo en la página.
Activated in visit: True si el flag se activó en la sesión actual.
Displayed variation: ID de la variación mostrada. No variation indica que el usuario no es objetivo. 0 se refiere a la variación de referencia.
Associated variation: La variación a la que Kameleoon asigna al visitante. Utilice el desplegable para forzar una variación. El icono eye le permite previsualizar esa variación.

Al hacer clic en el ID de un flag, puede acceder a la configuración, que incluye detalles como:

El código JavaScript o CSS inyectado para cada variación (si lo hay)
Las condiciones de targeting y segmentación
La cronología y la fecha de la última modificación

La vista de feature flags ayuda a depurar los feature flags y a garantizar una entrega adecuada en tiempo real.

Personalizations

En esta pestaña, encontrará todas las personalizaciones en ejecución en la página. Añada o elimine columnas haciendo clic en Add columns para personalizar la tabla.

ID: ID de la personalización. Haga clic para mostrar los detalles.
Name: Nombre de la personalización.
Triggered: Si usted es objetivo.
Triggered In Visit: True si la personalización se activó en la visita actual, en caso contrario false.
Active: True si la personalización está actualmente activa en la página, en caso contrario false.
Associated Variation: ID de la variación que se le ha asignado con su código de visitante (0 cuando no es objetivo). Puede forzar una variación seleccionándola en el desplegable. El icono de ojo a la derecha le permite previsualizarla.
Activated In Visit: True si la personalización se activó en la visita actual, en caso contrario false. Tenga en cuenta que una personalización activada no implica necesariamente que se haya producido el evento asociado, ya que varios factores adicionales pueden afectar a la ejecución. Por ejemplo, las opciones de capping pueden impedir la ejecución, o el visitante puede formar parte de un grupo de control para la personalización (en cuyo caso Kameleoon no muestra la personalización).
Not Exposed Reason: Si la personalización se activó pero no se mostró o no se ejecutó, el campo Not Exposed Reason detalla la razón de la no exposición. Los valores posibles son:
- GLOBAL_EXCLUSION (el visitante forma parte de la población globalmente excluida de todas las personalizaciones).
- PERSONALIZATION_EXCLUSION (el visitante forma parte de la población excluida de la personalización actual. Por ejemplo, el visitante está en el grupo de control).
- PRIORITY (otra personalización tiene mayor prioridad).
- SCHEDULE (la personalización está actualmente desactivada según su programación).
- PERSONALIZATION_CAPPING (la personalización ha alcanzado su capping global en términos de visitantes).
- VISITOR_CAPPING (el visitante ha alcanzado un capping que impide mostrar la personalización).
- SCENARIO (la personalización no se mostrará porque no se cumplen las condiciones del escenario).
- SIMULATION (en modo de simulación, Kameleoon fuerza la no exposición, que no puede ocurrir en producción; la razón está disponible si la personalización se activó en la página actual y la propiedad active es false; en caso contrario, el valor será null).
Date Modified: Fecha del último cambio realizado en la personalización.