Catégorie : Test AB

Cette intégration n'est disponible que pour les projets web.

À quoi s'attendre

Cette intégration vous permettra d'analyser des campagnes de test AB directement dans CS Digital et de facilement découvrir et explorer les comportements de vos utilisateurs sur tous les devices et canaux digitaux, afin de construire et de tester des expériences clients toujours meilleures. Par exemple, vous pouvez segmenter toutes les sessions qui ont connu une variation de test AB dans le Contexte d'analyse de Contentsquare et voir les métriques leur correspondant dans les modules Données de zones et Session Replay afin d'établir une compréhension profonde des comportements UX et de leurs performances respectives.

Notez que cette intégration supporte également les tests multi-pages.

Ce que nous collectons

Variables dynamiques

Implémentation

Étapes d'implémentation

Selon la manière dont vous réalisez vos tests AB avec AB Tasty, 2 options s'offrent à vous pour installer cette intégration :

• Si vos tests se font côté client, consultez la section "AB Tasty (côté client)" ci-dessous.
• Si vos tests sont faits côté serveur, alors c'est la section "Expérimentation et déploiement des fonctionnalités de AB Tasty (côté serveur)" à laquelle vous devrez vous référer.

AB Tasty (côté client)

Consultez l'article "Demander une intégration" et suivez ses instructions pour activer cette intégration côté client. Une fois cela fait, vous pourrez poursuivre avec la section "Vérifier que ça fonctionne" ci-dessous.

Expérimentation et déploiement des fonctionnalités de AB Tasty (côté serveur)

Il vous faudra utiliser l'un des SDK listés ici.

Ce document pourra vous servir d'exemple.

Selon le SDK que vous choisissez d'utiliser, ajoutez simplement cet extrait de code JavaScript dans la logique côté client que vous avez en utilisant le SDK pour obtenir les noms de campagnes et noms de variations et en les incluant dans le code ci-dessous.

/*
 *Name: AB Tasty Flagship Server Side Tests CS Integration Start
 *Version: 1.1.0
 */
(function () {
    var version = "1.1.0";
    window._uxa = window._uxa || [];
    var tvp = "AB_ABT_";

    function callback() {
        if (!disableCallback) {
            disableCallback = true;

            if (window.CS_CONF) {
                CS_CONF.integrations = CS_CONF.integrations || [];
                CS_CONF.integrations.push("AB Tasty - Flagship - v" + version);
            }
        }
    }

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

    function sendToCS(csKey, csValue) {
        csKey = tvp + csKey;

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

    //Add whatever logic you want here in order to get the values of Flagship_campaignName and Flagship_variationName and then replace it in the vars below so that it is dynamically set.
    //In addition, if there are multiple tests on the same page then you need to execute the 3 lines below for each test. So run it in a loop forEach campaign.

    var campaignName = Flagship_campaignName;
    var variationName = Flagship_variationName;
    sendToCS(campaignName, variationName.toString());
})();
//AB Tasty Flagship Server Side Tests CS Integration End

La seule partie que vous devrez modifier, ou dans laquelle vous devrez ajouter votre propre logique de code, est la suivante :

Remplacez "Flagship_campaignName" et "Flagship_variationName" par les variables que vous générez dans votre code et ajoutez-les dynamiquement ici.

Si vous avez déjà complété les étapes décrites ci-dessus, continuez.

Vérifier que ça fonctionne

Vous pouvez utiliser l'extension Chrome pour vous assurer que les résultats sont bien envoyés à Contentsquare.