LaunchDarkly

英語からAIを使用して翻訳されました

この文章はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。

この記事は、ProおよびEnterpriseプランのユーザーに適用されます。ウェブプロジェクトのみで利用可能です。

カテゴリー: ABテスト

期待すること

この統合により、Experience AnalyticsでABテストキャンペーンを直接分析し、すべてのデジタルチャネルとデバイスにわたる顧客の行動を簡単に発見し、探求することができ、より良い顧客体験を構築しテストすることができます。たとえば、Contentsquareの分析のコンテキストからABテストのバリエーションを経験したすべてのセッションをセグメント化し、ゾーンベースのヒートマップおよびセッションリプレイモジュールで対応する指標を確認することで、UXの行動とそれに対応するパフォーマンスを深く理解することができます。

Screenshot 2024-10-30 at 16.35.35.png

収集するもの

動的変数

キー	値	データ型
AB_LD_{キャンペーン名}	真	テキスト

実装

実装手順

この統合を有効にするには2つのステップがあります:

ステップ1

統合をリクエストする方法のセクションに移動して、この統合を有効にするための指示を確認してください。完了したら、ここに戻ることができます。

上記のステップをすでに完了している場合は、以下を続けてください。

ステップ2

1. LaunchDarklyが提供するクライアントサイドSDKのいずれかをインストールして使用する必要があります。

2. フラグ評価データをContentsquareに送信する関数を作成します。この関数は、LaunchDarkly SDKが機能フラグを評価するたびに呼び出されます。

const sendCSAnalyticsEvent = (flagKey, flagDetail) => {
  const { value, variationIndex, reason } = flagDetail;
  
  // フラグが実験の一部であることを確認するために、`flagDetail > reason > inExperiment`の値が`true`であることを確認します
  if (!!reason && !!reason.inExperiment && typeof value != "undefined") {
    /**
       * フラグ評価データを使用してContentSquare統合ハンドラーを呼び出します。
       *
       * 引数:
       * flagKey (string): 評価されたフラグのキー。
       * value (stringまたはnumber): 提供されたフラグバリエーションの値。
       */
    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();
      });
    }
  }
};

上記のコードは、関連する実験評価データをContentsquare統合ハンドラー関数に送信します。この関数がLaunchDarkly SDKがイベントを送信する際に利用可能であれば、フラグとバリエーション情報を抽出してContentsquareに渡します。関数がまだ読み込まれていない場合、ハンドラーは統合ハンドラー関数が読み込まれるたびに情報を送信するリスナーを登録します。

3. 次に、統合関数をトリガーするインスペクターを含めて、LaunchDarklyクライアントの構成オプションを定義/更新します。

構成オブジェクト内の'inspectors'引数は、選択したSDK操作のリスナーを設定するためのオブジェクトの配列を受け入れます。各オブジェクトは単一のイベントリスナーを定義し、以下の引数を受け入れます:

type (string): 特定のSDK操作を指します
name (string): インスペクターインスタンスを識別します
method (function): SDKがバリエーションメソッドを呼び出す結果として機能フラグを評価する際に呼び出されるメソッドです。インライン関数を提供するか、他の場所で定義された関数を呼び出すことができます。

const ldConfigOptions = {
  // その他の既存の構成オプション
  inspectors: [
    {
      type: 'flag-used',
      name: 'Contentsquare-analytics-integration',
      method: sendCSAnalyticsEvent
    }
  ]
};

// LaunchDarklyクライアントの初期化の例
const client = LDClient.initialize('YOUR_CLIENT_SIDE_ID', ldContext, ldConfigOptions);

client.on('ready', () => {
  console.log('LaunchDarklyクライアントが準備完了');
});

動作確認

ContentsquareトラッキングセットアップアシスタントのChrome拡張機能を使用して、動的変数がContentsquareに送信されているか確認できます。

ヘルプセンターの結果

技術文書

このセクションの記事