Saltar al contenido principal
La Consent Management Platform de Usercentrics contiene toda la información requerida y actualizada sobre la privacidad de los datos. Con la integración de Usercentrics, Kameleoon se conecta automáticamente a Usercentrics, accede a la política de consentimiento dentro de la plataforma y la utiliza al mostrar experimentos y personalizaciones en su sitio web. Ventajas clave:
  • Gestión automática del consentimiento del usuario a través del CMP de Usercentrics sin necesidad de configuración adicional.
  • Garantiza la coherencia en la gestión del consentimiento y permite un cumplimiento fluido.
  • Tranquiliza a sus usuarios al saber que sus datos se utilizan de forma conforme.

​
Añadir Kameleoon como Data Processing Service en Usercentrics

Debe seleccionar un nuevo Data Processing Service en Usercentrics. Para hacerlo:
  1. Haga clic en Service Settings en la interfaz de administración de Usercentrics.
  2. Haga clic en Add DPS via Database > Kameleoon.
  1. Seleccione su categoría en el menú desplegable Category.
IDs de Template de Kameleoon:
  • Kameleoon AB Testing&Personalization / Template ID: H1yDxp7JN
  • Kameleoon Only AB Testing Module / Template ID: 9FYjH37-J
  • Kameleoon Only Personalization Module / Template ID: 2lh8-reEz

​
Configurar IAB TCF en Usercentrics

Para habilitar IAB TCF 2.2 (Usercentrics y Kameleoon), debe completar estos pasos:
  1. Configure Kameleoon como vendor (id:820) en Usercentrics.
  2. En la interfaz de administración de Usercentrics, vaya a Service Settings.
  3. Establezca la versión del CMP en Version 2.
  1. Haga clic en Configuration.
  2. Habilite Transparency & Consent Framework 2.2 (TCF).
  1. Habilite la integración de IAB TCF en Kameleoon.
Si no puede habilitar TCF 2.2 en Usercentrics, puede utilizar una configuración con script personalizado.
No bloquee Kameleoon si el estado del consentimiento es desconocido (primera visita). De lo contrario, esta configuración queda obsoleta.
Esta configuración está optimizada para mostrar campañas a los usuarios con un estado de consentimiento desconocido sin realizar seguimiento. También puede mostrar cambios para A/B Testing en las páginas de entrada de su proyecto.
  1. En Kameleoon, defina su política de gestión de consentimientos y elija Consent required.
  2. Integre las siguientes funciones de Kameleoon:
    • enableLegalConsent
    • disableLegalConsent
Para saber más sobre el consentimiento legal en Kameleoon, lea esta documentación. Para obtener información técnica adicional sobre estados y modos, lea esta documentación.
Puede utilizar un script personalizado directamente en una página, Google Tag Manager o en el Global custom script en la aplicación de Kameleoon. Si quiere utilizar scripts personalizados en el Global custom script, siga estos pasos:
  1. Vaya al menú Projects.
  2. Haga clic en Configuration en la tarjeta de su sitio o aplicación móvil.
  1. Despliegue la sección General.
  2. Copie y pegue uno de los siguientes bloques de código según la Template de Kameleoon que haya elegido.

​
Ejemplo de script personalizado si A/B testing y Personalización están en el mismo servicio

Kameleoon AB Testing&Personalization / Template ID: H1yDxp7JN

function setConsentStatus(type, status, action) {
        if (status) {
            window.kameleoonQueue.push(function() {
                Kameleoon.API.Core.enableLegalConsent(type);
                console.log('enableLegalConsent ' + type)
            });
        } else if (!status) {
            window.kameleoonQueue.push(function() {
                Kameleoon.API.Core.disableLegalConsent(type);
                console.log('disableLegalConsent ' + type)
            });
        }
    }

    function initKameleoonLegalConsent(type) {
        window.kameleoonQueue = window.kameleoonQueue || [];
        window.kameleoonQueue.push(function() {
            Kameleoon.API.Core.runWhenConditionTrue(() => typeof UC_UI !== 'undefined' 
            && UC_UI.isInitialized() === true
            && window.localStorage.getItem('uc_user_interaction') === 'true', () => {
                const abtesting = UC_UI.getServicesBaseInfo().filter((service) => service && service.id === 'H1yDxp7JN');
                if (abtesting.length > 0) {
                    setConsentStatus('BOTH', abtesting[0].consent.status);
                }
            }, 200);
        });
    }
    initKameleoonLegalConsent();

​
Ejemplo de script personalizado si A/B testing y Personalización están en servicios distintos

  • Kameleoon Only AB Testing Module = Template ID: 9FYjH37-J
  • Kameleoon Only Personalization Module = Template ID: 2lh8-reEz
function setConsentStatus(type, status, action) {
        if (status) {
            window.kameleoonQueue.push(function() {
                Kameleoon.API.Core.enableLegalConsent(type);
                console.log('enableLegalConsent ' + type)
            });
        } else if (!status) {
            window.kameleoonQueue.push(function() {
                Kameleoon.API.Core.disableLegalConsent(type);
                console.log('disableLegalConsent ' + type)
            });
        }
    }

    function initKameleoonLegalConsent(type) {
        window.kameleoonQueue = window.kameleoonQueue || [];
        window.kameleoonQueue.push(function() {
            Kameleoon.API.Core.runWhenConditionTrue(() => typeof UC_UI !== 'undefined' 
            && UC_UI.isInitialized() === true
            && window.localStorage.getItem('uc_user_interaction') === 'true', () => {
                const abtesting = UC_UI.getServicesBaseInfo().filter((service) => service && service.id === '9FYjH37-J');
                if (abtesting.length > 0) {
                    setConsentStatus('AB_TESTING', abtesting[0].consent.status);
                }
                const perso = UC_UI.getServicesBaseInfo().filter((service) => service && service.id === '2lh8-reEz');
                if (perso.length > 0) {
                    setConsentStatus('PERSONALIZATION',perso[0].consent.status);
                }
            }, 200);
        });
    }
    initKameleoonLegalConsent();
Si tiene alguna pregunta, no dude en ponerse en contacto con su Customer Success Manager de Kameleoon.

​
A/B test del banner de consentimiento de Usercentrics

Recomendamos ejecutar solo un Consent Experiment por sitio.
Para ejecutar un test A/B en un Consent Banner de Usercentrics, primero debe crear un objetivo:
  1. Haga clic en Configure > Goals > New goal.
  2. En Website Selection, elija el sitio web que definió cuando creó su cuenta.
  3. Seleccione Custom Goal en Type.
    • Actualmente, Usercentrics admite varios eventos personalizados para objetivos personalizados. Puede leer más sobre ellos aquí.
  4. Haga clic en Next.
  5. Introduzca un nombre para su objetivo en el campo Name your goal.
  6. Introduzca Kameleoon.API.Goals.processConversion (y el Unique ID dentro) en Describe your goal.
    • Puede encontrar el ID en el pop-in New goal al final del texto de la función.
Después de crear el nuevo objetivo, debe crear un experimento:
  1. Vaya al panel de experimentos.
  2. Haga clic en New Experiment. Se abrirá un pop-in preguntando qué tipo de experimento quiere crear.
  3. Haga clic en In the code editor > JS/CSS.
  4. Introduzca el Name, Website y URL of the page where you want to launch your experiment.
  5. Haga clic en Validate. Se abrirá el editor de código.
  1. Haga clic en Experiment (justo encima de Variations en el menú de la izquierda) y haga clic en Test specific code en el menú de la derecha.
  2. Añada el siguiente código:
window.UC_AB_VARIANT = "variant0";
 window.addEventListener('UC_UI_CMP_EVENT', function (data) {
      console.log("TEST: source =>", data.detail.source);
      console.log("TEST: type =>", data.detail.type);
      console.log("TEST: Variant =>", data.detail.abTestVariant);
      //These are our custom events for each basic action
      //in our Consent Management Platform
      if (data.detail.type === "CMP_SHOWN") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "ACCEPT_ALL") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "DENY_ALL") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "SAVE") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "MORE_INFORMATION_LINK") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "IMPRINT_LINK") Kameleoon.API.Goals.processConversion(Your Unique ID);
      if (data.detail.type === "PRIVACY_POLICY_LINK") Kameleoon.API.Goals.processConversion(Your Unique ID);
  });
  • variant0 es la variante por defecto que hemos definido como la variante vacía, lo que significa que no realiza ningún cambio en la Consent Management Platform. Si su variante por defecto tiene otro nombre, cámbielo en consecuencia. Utilice window.UC_AB_VARIANT=”variant0” para ir a su variante por defecto.
  • El Event Listener se activará cada vez que se dispare uno de nuestros Custom Events. Encuentre información adicional sobre Custom Events para A/B Testing aquí.
  • Los tres console.log devolverán información importante sobre su evento. Por ejemplo, para realizar el seguimiento de ACCEPT_ALL como muestra el código, se le presentarán estos logs:
 TEST: source => FIRST_LAYER
 TEST: type => ACCEPT_ALL
 TEST: Variant => variant1
Puede añadir más objetivos a este experimento si es necesario. Para añadir un nuevo objetivo simplemente añada el siguiente código debajo de la última instrucción “if”. if (data.detail.type === "Consent Management Platform event here") Kameleoon.API.Goals.processConversion(goalID)
  1. Vuelva a la pestaña Variations.
  2. En Variation 1, añada el siguiente código: window.UC_AB_VARIANT = "variant1";
  3. Sustituya variant1 si dio otro nombre a su variante.
  4. En la pestaña Finalize, seleccione su distribución de tráfico, segmentación, seguimiento y objetivos.
    • Aquí añadirá el objetivo que ha creado. Puede buscar el ID único del objetivo. Si tiene problemas al buscar, pruebe a usar solo los primeros dígitos del ID del objetivo.
  5. Haga clic en Publish para finalizar la configuración del experimento.
Esta guía le explica el A/B Testing interno de Usercentrics.