> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# imagino

> imaginoのコホートデータをKameleoonにエクスポートし、訪問者体験をパーソナライズして、顧客セグメントをキャンペーンのターゲティング条件として利用できます。

<Note>
  この機能はオープンベータ版であり、現在も活発に開発が進められています。この連携のサポートが必要な場合は、[Kameleoonサポートチーム](https://www.kameleoon.com/en/contact)までお問い合わせください。
</Note>

imaginoはCustomer Data Platformを提供し、企業が顧客データを接続、統合、活用して顧客体験を向上させるのを支援します。

imaginoのコホートデータをKameleoonにエクスポートし、顧客ジャーニーのパーソナライズのためのさらなるセグメンテーションに使用できます。

## 主なメリット

* コホートデータにアクセスして、訪問者のWeb体験をパーソナライズし、Kameleoonを使用してキャンペーンのパフォーマンスを向上させることができます。
* セグメントの最も関連性の高い行動特性に焦点を当て、テストロードマップを進めるためのインサイトを素早く見つけることができます。

## セットアップ

### 前提条件

この連携を構成するためには、Kameleoonから以下の情報が必要です：

* Client ID
* Client-Secret
* Project ID

### imaginoで連携を有効化する

#### 1. 接続をセットアップする

1. 顧客のKameleoonインスタンスとの接続をセットアップします。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Imagino1.png)
</Frame>

2. データをプッシュするプロジェクトを選択します。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Imagino2.png)
</Frame>

3. プッシュするデータのJSON構造を定義します。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Imagino3.png)
</Frame>

#### 2. Kameleoonに送信するデータ構造を定義する

この構造はその後、imagino Data Catalogで利用可能になります。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Imagino4.png)
</Frame>

#### 3. imaginoからKameleoonへのデータマッピングをセットアップする

1. Kameleoonにプッシュされるimaginoオーディエンスデータを有効化します。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Imagino5.png)
</Frame>

2. オーディエンスデータマッピングを編集して、imaginoのフィールドと、Kameleoonで期待されるフィールド（事前に構成された構造）を定義します。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/image001-1-1536x668.png)
</Frame>

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/image002-1-1536x719.png)
</Frame>

#### 4. imaginoデータがKameleoonに送信されていることを確認する

[Kameleoon Data API](/api-reference/map/get-data-for-a-key) を使用して、imaginoオーディエンスデータが利用可能かを確認できます。

ここでは、特定のプロジェクトと訪問者IDの例を示します：

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/image003-1-1536x1096.png)
</Frame>

### Kameleoonでimaginoデータを取得する

#### Kameleoonでの動作

Kameleoonは imagino からユーザーコホートを受信し、Data API を介して訪問者データを充実させ、このデータをカスタムデータ内で使用します。

* imaginoがユーザーコホートを識別してグループ化します。
* Kameleoonが連携経由でコホートデータを受信します。
* KameleoonがData APIを使用して訪問者データを充実させます。
* 充実したデータをKameleoonでカスタムデータとして使用できます。

imaginoがオーディエンスデータをKameleoonサーバーにプッシュするため、Kameleoonでカスタムデータとカスタムセグメントを作成することで、このデータを取得できます。

#### カスタムデータ

Kameleoonカスタムデータを作成・セットアップする必要があります。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/integrations/as-a-source/cdp/imagino/Capture_decran_2024-10-16_a_10.34.17.png)
</Frame>

以下を確認してください：

* カスタムデータに名前を付けます。
* 取得方法として **Custom JavaScript code** を選択します。

カスタムデータの取得方法に以下のコードを使用します：

```javascript theme={null}
Kameleoon.API.Data.retrieveDataFromRemoteSource(Kameleoon.API.Visitor.code, function(data) {
      for (const [key, value] of Object.entries(data)) {
          Kameleoon.API.Data.setCustomData('Imagino Audiences',key)
      }
  });
  return { "value": null} 
```

* タイプ **List**、フォーマット **String** を選択します。
* スコープ **Page** を選択します。
* カスタムデータに関連付けられた値を保存します。

<Note>
  詳細については [この記事](../../../assets/custom-data/create-custom-data) を参照してください。
</Note>

#### セグメントビルダー

1. **Settings** > **Segments** > **New segment** をクリックします。
2. 必要な情報を入力し、**Continue** をクリックします。
3. **Custom data** ドロップダウンでカスタムデータを選択します。
4. **Create** をクリックします。

これで、このセグメントを実験で使用できます。
