インポートしたオーディエンスをターゲティングする

const sitecode= "YOUR_SITE_CODE"; // お使いのプロジェクトのサイトコードに置き換えてください。
const xhr = new XMLHttpRequest();
 xhr.open('GET', `https://data.kameleoon.io/map/maps?siteCode=${sitecode}&keys=%5B%22warehouse%5Faudience%5Fconfig%22%5D`, false);
 xhr.send(null);
 if (xhr.status === 200) {
    const data = JSON.parse(xhr.responseText)
    if ("warehouse_audience_config" in data) {
       if ("audience_labels" in data["warehouse_audience_config"]) {
          return data["warehouse_audience_config"]["audience_labels"];
       }
    }
    return [];
 } else {
    console.error("Error calling for existing custom data values");
    return [];
 }

import { KameleoonClient } from '@kameleoon/javascript-sdk';
 const client = new KameleoonClient({ siteCode: 'my_site_code' });
 async function init() {
 await client.initialize();
 // -- 訪問者コードを取得
 const visitorCode = client.getVisitorCode();
 // -- 組織がウェアハウスで使用している訪問者 ID に置き換えます
 const warehouseVisitorId = 'YOUR_WAREHOUSE_VISITOR_ID';
 // -- カスタムデータのインデックス
 const customDataIndex = 10;
 // -- `warehouseKey` を使用して、訪問者のウェアハウスオーディエンスデータを取得する
 // ストレージに追加する
 const customData = await getVisitorWarehouseAudience({
 visitorCode: visitorCode,
 customDataIndex: customDataIndex,
 warehouseKey: warehouseVisitorId,
 });
 }
 init();

// 組織がウェアハウスで使用している訪問者 ID に置き換えてください
const warehouseVisitorId = 'YOUR_WAREHOUSE_VISITOR_ID';
Kameleoon.API.Data.retrieveDataFromRemoteSource(warehouseVisitorId, function(data) {
     if("warehouseAudiences" in data){
         Kameleoon.API.Data.setCustomData("My Warehouse Audiences", Object.keys(data["warehouseAudiences"]));
     }
});

// 組織がウェアハウスで使用している訪問者 ID に置き換えてください
const warehouseVisitorId = 'YOUR_WAREHOUSE_VISITOR_ID';
 if (typeof window.kameleoon_configured_warehouse_audiences === 'undefined') {
    window.kameleoon_configured_warehouse_audiences = null;
    Kameleoon.API.Data.retrieveDataFromRemoteSource(warehouseVisitorId, function(data) {
      if ("warehouseAudiences" in data) {
        window.kameleoon_configured_warehouse_audiences = Object.keys(data["warehouseAudiences"]);
      }
    });
 }
 if (window.kameleoon_configured_warehouse_audiences === null) {
    return null;
 }
 return {"value": window.kameleoon_configured_warehouse_audiences};

import { KameleoonClient } from '@kameleoon/javascript-sdk';
const client = new KameleoonClient({ siteCode: 'my_site_code' });
async function init() {
    await client.initialize();
    // -- 組織がウェアハウスで使用している訪問者 ID に置き換えます
    const warehouseVisitorId = 'YOUR_WAREHOUSE_VISITOR_ID';
    // -- インジェスチョンタスクの ID
    const taskId = "your_task_id";
    // -- 属性の名前
    const attributeName = "place_of_birth";
    // -- リモートデータを取得
    const jsonData = await getRemoteData(warehouseVisitorId);
    const data = JSON.parse(jsonData);
    if ("warehouseAudiences" in data){
        if (taskId in data["warehouseAudiences"]){
            const city = data["warehouseAudiences"][taskId][attributeName];
             // -- 作成したカスタムデータのインデックス
             const customDataIndex = 10; // カスタムデータのインデックスに置き換えます
             const customData = new CustomData(customDataIndex, city);
             // -- カスタムデータを追加
             client.addData(warehouseVisitorId, customData); 
         }
     }
}
init();

// 組織がウェアハウスで使用している訪問者 ID に置き換えてください
const warehouseVisitorId = 'YOUR_WAREHOUSE_VISITOR_ID';
const taskId = "your_task_id";
const attributeName = "place_of_birth";
// このカスタムデータの一意のストレージキー。属性名とタスク ID から構成されます
const storageKey = "kameleoon_warehouse_" + attributeName + "_" + taskId;

 if (typeof window[storageKey] === 'undefined') {
     window[storageKey] = null;
     Kameleoon.API.Data.retrieveDataFromRemoteSource(warehouseVisitorId, function(data) {
         if ("warehouseAudiences" in data) {
             if (taskId in data["warehouseAudiences"]){
                  const city = data["warehouseAudiences"][taskId][attributeName];
                  window[storageKey] = city;
             }
         }
     });
 }
 if (window[storageKey] === null) {
     return null;
 }
 return {"value": window[storageKey]};