Heap Cohorts

​

主なメリット

• シームレスなコホート同期： Heapのユーザーセグメントを手間なくKameleoonにインポートできます。
• パーソナライズドターゲティング： ユーザー行動に基づいたカスタマイズされた体験を提供します。
• 実験の精度向上： 特定のオーディエンスグループに対して精密なA/Bテストを実行できます。
• リアルタイム更新： ユーザーセグメントを自動的に最新の状態に保ちます。

​

ユースケース

​

行動ターゲティングで実験を最適化する

​

行動セグメンテーションで結果を分析する

​

Heapの豊富なユーザーインサイトを使って体験をパーソナライズする

​

はじめに

​

KameleoonのVisitor CodeをHeapの識別子として保存する

// Ensure Heap and Kameleoon are loaded before identifying the user
const visitorCode = Kameleoon.API.Visitor.code;
heap.identify(visitorCode);

​

前提条件

• Heapアカウント： サインインしている有効なアカウント。

​

Kameleoonで連携を有効化する

1. Kameleoonで Admin > Integrations へ移動します。
2. Heap Cohorts をクリックし、Install を選択します。
3. プロジェクトを選択して Validate をクリックします。KameleoonがHeapへリダイレクトします。
4. HeapにKameleoonとのデータ共有許可を付与します。

​

HeapセグメントをKameleoonに同期する

1. Heapで Data > Segments へ移動します。
2. 同期したいセグメントを選択します。
3. ページ下部で、そのセグメントの Kameleoon Cohorts Sync を有効化します。

​

KameleoonキャンペーンでHeapコホートを活用する

​

クライアントサイド実験のためにHeapセグメントを取得する

1. Kameleoonで Configure > Custom data へ移動します。
2. New custom data をクリックします。
3. Name を Heap Cohorts に設定します。
4. プロジェクトを選択します。
5. Retrieval method を Custom JavaScript code に設定します。
6. 以下のスニペットをコードフィールドに挿入します：
   Kameleoon.API.Data.retrieveDataFromRemoteSource("HEAP_COHORTS_" + Kameleoon.API.Visitor.code, function(data) {
     if (data?.cohorts) {
       data.cohorts.map(function(segment) {
         Kameleoon.API.Data.setCustomData("Heap Cohorts", segment);
       });
     }
   });
   
   return { "value": null };
   
7. Type を List に設定します。
8. Format を String に設定します。
9. Scope を Page に設定します。このスコープは、ユーザーが特定のHeapコホートに属しているかを確認するため、ページが読み込まれるたびにデータを再評価します。

​

サーバーサイド実験のためにHeapセグメントを取得する

1. New custom data をクリックします。
2. カスタムデータの Name（例：Heap cohorts）を入力します。
3. プロジェクトを選択します。
4. Retrieval method を Kameleoon SDK に設定します。
5. Type を List に設定します。
6. Format を String に設定します。
7. Scope を Page に設定します。

​

KameleoonでHeapセグメント名を取得する

1. カスタムデータ作成ステップで、Save the values for the targeting condition associated with the custom data point オプションを選択します。
2. 以下のスニペットをフィールドに挿入し、ADD_YOUR_SITECODE を実際のプロジェクトサイトコードに置き換えます：
   var xhr = new XMLHttpRequest();
   var siteCode = 'ADD_YOUR_SITECODE';
   xhr.open("GET", '[https://data.kameleoon.io/map/map?siteCode=](https://data.kameleoon.io/map/map?siteCode=)' + siteCode + '&key=HEAP_COMMON', false);
   xhr.send(null);
   
   if (xhr.status === 200) {
      const data = JSON.parse(xhr.responseText);
      var heapSegments = [];
      if (
        data &&
        Object.prototype.hasOwnProperty.call(data, "cohorts") &&
        data.cohorts &&
        typeof data.cohorts === "object"
      ) {
        Object.entries(data.cohorts).forEach(function ([id, name]) {
          heapSegments.push({
            value: id,
            label: name
          });
        });
        return heapSegments;
      }
      return [];
   } else {
      console.error("Error calling for existing custom data values");
      return [];
   }
   

​

KameleoonセグメントでHeapセグメントIDを使用する

1. Kameleoonの Segment Builder を開きます。
2. カスタムデータを選択します。
3. 条件 is among the values を選択します。Kameleoonは、HeapのすべてのコホートIDのリストを表示します。
4. 1つまたは複数のHeapセグメントを選択して、パーソナライゼーションや実験のターゲティングを有効化します。