LaunchDarkly

Catégorie : Test AB

À quoi s'attendre

Cette intégration vous permettra d'analyser les campagnes de test AB directement dans Experience Analytics et de découvrir et explorer facilement le comportement des clients sur tous les canaux et appareils numériques afin de construire et tester des expériences client toujours meilleures. Par exemple, vous pouvez segmenter toutes les sessions ayant subi une variation de test AB depuis le Contexte d'analyse dans Contentsquare et voir les métriques correspondantes dans les modules Heatmaps par zone et Session Replay afin de comprendre en profondeur les comportements UX et la performance correspondante.

Ce que nous collectons

Variables Dynamiques

Mise en œuvre

Étapes de Mise en œuvre

Étape 1

Accédez à la section Comment demander une intégration pour voir les instructions pour 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.

Étape 2

1. Vous devrez installer et utiliser l'un des SDK côté client fournis par LaunchDarkly.

2. Créez une fonction pour envoyer des données d'évaluation de drapeau à Contentsquare. Cette fonction sera appelée par le SDK LaunchDarkly chaque fois qu'il évalue un drapeau de fonctionnalité.

const sendCSAnalyticsEvent = (flagKey, flagDetail) => {
  const { value, variationIndex, reason } = flagDetail;
  
  // S'assurer que le drapeau fait partie d'une expérimentation en vérifiant que la valeur de `flagDetail > reason > inExperiment` est `true`
  if (!!reason && !!reason.inExperiment && typeof value != "undefined") {
    /**
       * Appelle le gestionnaire d'intégration ContentSquare avec les données d'évaluation du drapeau.
       *
       * Arguments :
       * flagKey (string) : La clé du drapeau évalué.
       * value (string ou number) : La valeur de la variation de drapeau servie.
       */
    function callCShandler() {
      CS_CONF.integrations_handler.launchdarkly(flagKey, value);
    }

    if (
      window.CS_CONF &&
      window.CS_CONF.integrations_handler &&
      window.CS_CONF.integrations_handler.launchdarkly
    ) {
      callCShandler();
    } else {
      window.addEventListener("Contentsquare_LD_Integration_Launch", () => {
        callCShandler();
      });
    }
  }
};

Le code ci-dessus envoie les données d'évaluation de l'expérimentation pertinentes à une fonction de gestionnaire d'intégrations Contentsquare. Si cette fonction est disponible au moment où le SDK LaunchDarkly déclenche l'événement, elle extraira les informations de drapeau et de variation et les transmettra à Contentsquare. Si la fonction n'est pas encore chargée, le gestionnaire enregistrera un écouteur pour déclencher les informations chaque fois que la fonction de gestionnaire d'intégrations sera chargée.

3. Ensuite, définissez/mettez à jour les options de configuration du client LaunchDarkly en incluant l'inspecteur qui déclenchera la fonction d'intégration.

L'argument 'inspectors' à l'intérieur de l'objet de configuration accepte un tableau d'objets qui vous permet de configurer des écouteurs pour les opérations SDK sélectionnées. Chaque objet définit un écouteur d'événements unique et accepte les arguments suivants :

• type (string) : Fait référence à une opération SDK spécifique qui doit être observée
• name (string) : Identifie l'instance de l'inspecteur
• method (function) : Une méthode qui est appelée lorsque le SDK évalue un drapeau de fonctionnalité à la suite de l'appel de la méthode de variation. Vous pouvez fournir une fonction en ligne ou appeler une fonction définie ailleurs.

const ldConfigOptions = {
  // Toute autre option de configuration existante
  inspectors: [
    {
      type: 'flag-used',
      name: 'Contentsquare-analytics-integration',
      method: sendCSAnalyticsEvent
    }
  ]
};

// Exemple d'initialisation du client LaunchDarkly
const client = LDClient.initialize('YOUR_CLIENT_SIDE_ID', ldContext, ldConfigOptions);

client.on('ready', () => {
  console.log('Le client LaunchDarkly est prêt');
});

Vérifier que ça fonctionne

Vous pouvez utiliser l'Assistant de configuration de suivi Contentsquare extension chrome pour vérifier que les variables dynamiques sont envoyées à Contentsquare.