Catégorie : Test AB

Cette intégration est uniquement disponible pour les projets Web

À quoi s'attendre

Cette intégration vous permettra de segmenter et de comparer les utilisateurs en fonction des tests AB Optimizely et des groupes de variantes auxquels ils ont été exposés.

Ce que nous collectons

Variables Dynamiques

Mise en œuvre

Pour Optimizely Full Stack (côté serveur), veuillez reprendre ci-dessous.

Vous devrez utiliser les Écouteurs de Notification Full Stack d'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é d'Expérimentation de Fonctionnalités.)

Ces écouteurs récupéreront les données d'expérience et de variation d'Optimizely et les enverront à Contentsquare. Ils utiliseront les SDK côté client d'Optimizely Full Stack (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 Serveur Optimizely Full Stack
 *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 Serveur Optimizely Full Stack Fin

À chaque activation d'expérience (la méthode activate() ou isFeatureEnabled est invoquée), un Notification Listener d'Optimizely s'exécutera, récupérant les données de l'expérience d'Optimizely et les transmettra à Contentsquare.

Pour Optimizely Web (côté client), veuillez reprendre ci-dessous.

Étapes d'implémentation

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

Si vous avez déjà complété l'étape ci-dessus, continuez ci-dessous.

Vérification du bon fonctionnement

Vous pouvez utiliser l'extension chrome pour vérifier que les résultats sont envoyés à CS

Si vous masquez les vrais noms, vous pouvez déduire ce que signifient les chiffres à partir de l'interface utilisateur d'Optimizely. Si vous sélectionnez une variante dans Optimizely, vous verrez à la fois l'ID des tests 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 :

 

Forcer le bon arrière-plan

Dans Optimizely, allez à la variante que vous souhaitez analyser dans Contentsquare en cliquant sur Expériences, puis cliquez sur la campagne qui contient la variante :

Cliquez sur la variante que vous souhaitez analyser, puis cliquez sur Aperçu, puis cliquez sur Lien de partage

Dans la fenêtre contextuelle qui s'ouvre, cliquez sur copier le lien pour le copier dans votre presse-papiers.

Dans Contentsquare, allez dans les mappages et sélectionnez le mappage avec la page sur laquelle vous avez effectué le test. Cliquez sur la page :

Cliquez sur l'icône pour plus d'options :

Cliquez sur Url de l'aperçu de la page, puis collez l'URL d'Optimizely dans la zone de saisie :

Maintenant, lorsque vous allez dans le zoning et créez un nouveau zoning pour la page, cela affichera la variante. Remarque : vous devez être connecté à Optimizely lorsque vous créez le nouveau zoning.

Vous pouvez maintenant analyser la variante de test dans le zoning – assurez-vous d'appliquer le segment pour les visiteurs qui ont vu la variante.