スキーマの作成

エクスペリエンスデータモデル(XDM)は、スキーマの形式でデータの共通の構造と定義を提供するオープンソース仕様です。つまり、XDM は、Edge ネットワークや他の Adobe Experience Cloud アプリケーションで実行可能な方法でデータを構造化およびフォーマットする方法です。

データ収集操作を設定する最初の手順は、データを表す XDM スキーマを作成することです。 このチュートリアルの後の手順では、送信するデータをこのスキーマの構造にマッピングします。

NOTE
XDM スキーマはカスタマイズ可能です。 以下に概説する手順は、過度に規範的なものではなく、特に web SDK のスキーマ要件に焦点を当てています。これらのパラメーター以外では、データの残りの構造を自由に定義できます。

UI 内で、左側のナビゲーションの「スキーマ」を選択します。 ここから、組織に属する以前に作成したスキーマのリストを表示できます。続行するには、「スキーマを作成」を選択し、ドロップダウンメニューから「XDM ExperienceEvent」を選択します。

スキーマワークスペース

フィールドグループのスキーマへの追加を開始するよう求めるダイアログが表示されます。Web SDK を使用してイベントを送信するには、フィールドグループ AEP Web SDK ExperienceEvent Mixin を追加する必要があります。このフィールドグループには、Web SDK ライブラリによって自動的に収集されるデータ属性の定義が含まれています。

検索バーを使用してリストを絞り込むと、このフィールドグループを見つけやすくなります。見つかったら、リストから選択して、「フィールドグループを追加」を選択します。

スキーマワークスペース

スキーマキャンバスが表示され、Web SDK フィールドグループが提供するフィールドを含む XDM スキーマのツリー構造が示されます。

スキーマの構造

ツリーのルートフィールドを選択して、右パネルで​ スキーマのプロパティ ​を開きます。ここで、スキーマの名前と説明(オプション)を指定できます。

スキーマに名前を付ける

スキーマにさらにフィールドを追加する場合は、左パネルの「フィールドグループ」セクションで「追加」を選択します。

フィールドグループの追加

NOTE
ユースケースに合う様々なフィールドグループを検索する方法について詳しくは、XDM ドキュメントのフィールドグループの追加に関するガイドを参照してください。
ベストプラクティスは、Edge ネットワークを介して送信する予定のデータのフィールドのみを追加することです。フィールドをスキーマに追加して保存すると、それ以降はスキーマに追加の変更を加えることのみ可能です。詳しくは、スキーマ進化のルールの節を参照してください。

必要なフィールドを追加したら、「保存」を選択してスキーマを保存します。

スキーマの保存

データストリームの作成

データストリームとは、データの送信先を Edge ネットワークに伝える設定のことです。具体的には、データストリームは、データの送信先のExperience Cloud 製品と、各製品でデータを処理および保存する方法を指定します。

NOTE
イベント転送を使用する場合(組織が機能のライセンスを取得している場合)、アドビ製品を有効にするのと同じ方法でデータストリームに対してイベント転送を有効にする必要があります。このプロセスについて詳しくは、後の節で説明します。

左側のナビゲーションで データストリーム を選択します。 ここから、編集する既存のデータストリームをリストから選択したり、「新規データストリーム」を選択して新しい設定を作成したりできます。

データストリーム

データストリームの設定要件は、データの送信先の製品と機能によって異なります。 各製品の設定オプションについて詳しくは、データストリームの概要を参照してください。

Web SDK のインストールと設定

スキーマとデータストリームを作成したら、次の手順として、Platform Web SDK をインストールして、Edge ネットワークへのデータ送信を開始するように設定します。

NOTE
この節では、データ収集 UI を使用して web SDK タグ拡張機能を設定しますが、代わりに生のコードを使用してインストールおよび設定することもできます。詳しくは、次のガイドを参照してください。
また、イベント転送のみを使用する場合でも、後の手順でイベント転送を設定する前に、説明に従って SDK をインストールして設定する必要があります。

プロセスの概要は次のとおりです。

  1. Adobe Experience Platform Web SDK をタグプロパティにインストールして、その機能にアクセスできるようにします。
  2. XDM オブジェクトデータ要素を作成して、web サイト上の変数を、以前作成した XDM スキーマの構造にマッピングします。
  3. Edgeネットワークへのデータ送信のタイミングを SDK に通知するルールを作成します。
  4. ライブラリを構築してイ ンストールし、web サイトにルールを実装します。

タグプロパティに SDK をインストールする

左側のナビゲーションで「タグ」を選択して、タグプロパティのリストを表示します。必要に応じて、既存のプロパティを選択して編集することも、代わりに「新しいプロパティ」を選択することもできます。

プロパティ

新しいプロパティを作成する場合は、わかりやすい名前を指定し、Platform を Web に設定します。Web プロパティの完全なドメインを指定し、「保存」を選択します。

プロパティの作成

プロパティの概要ページが表示されます。ここから、左側のナビゲーションで「拡張機能」を選択し、「カタログ」を選択します。Platform Web SDK のリストを見つけ(オプションとして検索バーを使用して結果を絞り込む)、「インストール」を選択します。

Web SDK のインストール

SDK の設定ページが表示されます。必要な値のほとんどはデフォルトで自動入力されますが、必要に応じて変更できます。

Web SDK の設定

ただし、SDK をインストールする前に、データストリームを選択して、データの送信先がわかるようにする必要があります。「データストリーム」の下で、ドロップダウンメニューを使用して、前の手順で設定したデータストリームを選択します。データストリームを設定したら、「保存」を選択して、SDK のプロパティへのインストールを完了します。

データストリームの設定と保存

XDM データ要素の作成

SDK が Edge ネットワークにデータを送信するには、そのデータを前の手順で作成した XDM スキーマにマッピングする必要があります。このマッピングは、データ要素を使用して実行されます。

UI で「データ要素」を選択し、「新しいデータ要素の作成」を選択します。

新しいデータ要素の作成

次の画面で、「拡張機能」ドロップダウンの下の「Adobe Experience Platform Web SDK」を選択し、データ要素タイプとして「XDM オブジェクト」を選択します。

XDM オブジェクトタイプ

XDM オブジェクトタイプの設定ダイアログが表示されます。ダイアログは自動的に Platform サンドボックスを選択し、ここから、そのサンドボックスで作成されたすべてのスキーマを表示できます。前に作成した XDM スキーマをリストから選択します。

XDM オブジェクトタイプ

スキーマの構造が表示されます。アスタリスク(*)が付いているすべてのフィールドは、イベントの発生時に自動的に入力されるフィールドを示します。他のすべてのフィールドについては、スキーマの構造を調べて、残りのデータを入力できます。

XDM フィールドへのデータのマッピング

NOTE
上のスクリーンショットは、パーセント記号(%)で囲まれた「値」フィールドでその名前を参照することにより、web サイトのクライアント側(cartAbandonsTotal)からグローバルにアクセス可能な変数を XDM フィールドにマップする方法を示しています。
また、以前に作成した他のデータ要素を使用して、これらのフィールドに値を入力することもできます。詳しくは、タグのドキュメントのデータ要素のリファレンスを参照してください。

データのスキーマへのマッピングが完了したら、「保存」を選択する前にデータ要素の名前を指定します。

データ要素に名前を付けて保存

ルールの作成

データ要素を保存した後、次の手順では、web サイトで特定のイベントが発生した場合(顧客が買い物かごに商品を追加した場合など)は常に Edge ネットワークにデータ要素を送信するルールを作成します。

Web サイト上で発生する可能性のあるほぼすべてのイベントに対してルールを設定できます。例として、この節では、顧客がフォームを送信したときにトリガーするルールを作成する方法を示します。 次の HTML は、ルールの対象となる「買い物かごに追加」フォームを含むシンプルな web ページを表しています。

<!DOCTYPE html>
<html>
<body>

  <form id="add-to-cart-form">
    <label for="item">Product:</label><br>
    <input type="text" id="item" name="item"><br>
    <label for="amount">Amount:</label><br>
    <input type="number" id="amount" name="amount" value="1"><br><br>
    <input type="submit" value="Add to Cart">
  </form>

</body>
</html>

データ収集 UI で、左側のナビゲーションで「ルール」を選択し、「新しいルールの作成」を選択します。

ルール

次の画面で、ルールの名前を指定します。ここから、次の手順は、ルールのイベント(つまり、ルールがいつ実行されるか)を決定することです。「イベント」の下の「追加」を選択します。

名前のルール

イベント設定ページが表示されます。イベントを設定するには、まずイベントタイプを選択する必要があります。イベントタイプは拡張機能で提供されます。例えば、「フォーム送信」イベントを設定するには、Core 拡張機能を選択してから、「フォーム」カテゴリで「送信」イベントタイプを選択します。

NOTE
設定方法など、アドビの web 拡張機能で提供される様々なイベントタイプについて詳しくは、タグドキュメントのアドビ拡張機能のリファレンスを参照してください。

フォーム送信イベントでは、CSS セレクターを使用して、ルールを実行する特定の要素を参照できます。 以下の例では、ID add-to-cart-form が使用されているため、「買い物かごに追加」フォームに対してのみこのルールが実行されます。「変更を保持」を選択して、ルールにイベントを追加します。

イベント設定

ルール設定ページが再び表示され、イベントが追加されたことが示されます。ルールにさらに条件を追加することで、「If」を絞り込むことができます。

それ以外の場合、次の手順として、ルールが起動したときに実行するアクションを追加します。「アクション」の下の「追加」を選択して続行します。

アクションの追加

アクション設定ページが表示されます。Edge ネットワークへのデータ送信ルールを取得するには、拡張機能で「Adobe Experience Platform Web SDK」、アクションタイプで「イベントの送信」を選択します。

アクションタイプ

画面が更新され、イベント送信アクションを設定するための追加のオプションが表示されます。「タイプ」から、eventType XDM フィールドに入力するカスタムタイプの値を指定できます。「XDM データ」から、前に作成した XDM データタイプの名前(パーセント記号で囲まれています)を入力するか、データベースアイコン( データベースアイコン )をクリックしてリストから選択します。これは、最終的に Edge ネットワークに送信されるデータです。

終了したら「変更を保持」を選択します。

アクション設定

ルールの設定が完了したら、「保存」を選択してプロセスを終了します。

ルールの保存