Optimizely

Optimizely est une plateforme complète d'expérience digitale qui combine gestion de contenu, test A/B et personnalisation basée sur l'IA en une seule solution. Elle permet aux équipes de créer, tester et optimiser des expériences digitales sur tous les canaux, aidant les entreprises à fournir un contenu personnalisé et à prendre des décisions axées sur les données qui favorisent l'engagement et la conversion.

Avant de commencer

Cette intégration vous permet de segmenter et de comparer les utilisateurs en fonction des tests A/B d'Optimizely et des groupes de variantes auxquels ils ont été exposés.

Enfin, vous pouvez cibler des sondages en fonction des expérimentations Optimizely.

Nous collectons les données suivantes :

Implémentation

Expérimentation de fonctionnalité Optimizely (côté serveur)

Vous devez utiliser le SDK React afin de pouvoir utiliser les écouteurs de notification qui ont la fonction de rappel onDecision.

Dans le code du SDK React, ajoutez les parties du code ci-dessous qui sont montrées dans les commentaires d'intégration. Vous devrez ajouter le code qui est en dehors de onDecision et également le code à l'intérieur de la fonction onDecision :

import { enums } from "@optimizely/react-sdk";
// importez votre intégration d'analytics tiers ici

///////////////////////////////////////////
// CONFIGURER L'ÉCOUTEUR DE NOTIFICATION DE DÉCISION //
///////////////////////////////////////////

/*
 *Nom : Intégration CS des tests de fonctionnalité Optimizely côté serveur
 *Version : 1.0.0
 */

function csCallback() {
    if (!disableCallback) {
        disableCallback = true;
        if (window.CS_CONF) {
            CS_CONF.integrations = CS_CONF.integrations || [];
            CS_CONF.integrations.push("Intégration des tests de fonctionnalité Optimizely - v1.0.0");
        }
    }
}

let disableCallback = false;
window._uxa = window._uxa || [];
_uxa.push(["afterPageView", csCallback]);

function onDecision({ type, userId, attributes, decisionObject }) {
    if (type === "flag") {
        const csPrefix = "AB_OP_SS_";
        const csKey = csPrefix + decisionObject.decisionInfo["flagKey"];
        const csValue = decisionObject.decisionInfo["variationKey"];

        window._uxa = window._uxa || [];
        window._uxa.push(["trackDynamicVariable", { key: csKey, value: csValue }]);
    }
}
//Intégration CS des tests de fonctionnalité Optimizely côté serveur

const notificationId = optimizelyClient.notificationCenter.addNotificationListener(enums.NOTIFICATION_TYPES.DECISION, onDecision);

À chaque activation d'expérimentation, l'écouteur de notification d'Optimizely s'exécutera, récupérant les données d'expérimentation d'Optimizely et les transmettant à Contentsquare.

Pour Optimizely Web (côté client)

Étapes d'implémentation

Veuillez vous rendre à la section Comment demander une intégration pour voir les instructions pour activer cette intégration. Vous pouvez ensuite revenir ici une fois terminé.

Optimizely Full Stack (côté serveur) - Obsolète

Vous devrez utiliser les écouteurs de notification Full Stack dans Optimizely pour que cela fonctionne. (Nous sommes conscients que cette fonctionnalité est en cours de retrait par Optimizely, et nous fournirons un support pour leur nouvelle fonctionnalité Expérimentation de fonctionnalité.)

Ces écouteurs récupéreront les données d'expérimentation et de variation d'Optimizely et les enverront à Contentsquare. Ils utiliseront les SDK côté client d'Optimizely (JavaScript, React, React Native). Les SDK côté serveur d'Optimizely Full Stack ne sont pas pris en charge par cette intégration.

Juste après avoir appelé la méthode createInstance() d'Optimizely, exécutez ce code :

/*
 *Nom : Intégration CS des tests de Full Stack côté serveur Optimizely
 *Version : 1.0.0
 */
var optimizelyEnums = require("@optimizely/optimizely-sdk").enums;

function onDecision(decisionObject) {
    function callback(context) {
        if (!disableCallback) {
            disableCallback = true;
            if (window.CS_CONF) {
                CS_CONF.integrations = CS_CONF.integrations || [];
                CS_CONF.integrations.push("Optimizely Full Stack - v1.0.0");
            }
        }
    }

    var disableCallback = false;
    _uxa.push(["afterPageView", callback]);

    var csPrefix = "AB_OP_SS_",
        csKey,
        csValue;
    csKey = csPrefix + decisionObject.experiment.key;
    csValue = decisionObject.variation.key;

    window._uxa = window._uxa || [];
    window._uxa.push(["trackDynamicVariable", { key: csKey, value: csValue }]);
}

// Remplacez OptimizelyClient par le nom de votre instance SDK Optimizely (où createInstance est utilisé)
optimizelyClient.notificationCenter.addNotificationListener(optimizelyEnums.NOTIFICATION_TYPES.ACTIVATE, onDecision);
//Intégration CS des tests de Full Stack côté serveur

À chaque activation d'expérimentation (la méthode activer() ou isFeatureEnabled est invoquée), le Listener de Notification d'Optimizely s'exécutera, récupérant les données d'expérimentation d'Optimizely et les transmettant à Contentsquare.

Vérifier que ça fonctionne

Vous pouvez utiliser l'extension Chrome pour vérifier que les résultats sont envoyés à Contentsquare.

Dans Optimizely Web, si vous masquez les vrais noms, alors vous pouvez déduire à partir de l'IU d'Optimizely ce que signifient les nombres. Si vous sélectionnez une variante dans Optimizely, vous verrez à la fois l'ID du test et l'ID de la variante :

Vous pouvez afficher les vrais noms en cliquant sur Paramètres dans Optimizely et en regardant la case à cocher pour Masquer les noms descriptifs dans le code du projet et les intégrations tierces :

Cela ressemblera alors à ceci :

Dans Contentsquare, vous pouvez trouver ces variables en recherchant comme ceci :