21.3カスタムWebhookの作成と設定

21.3.1カスタムWebhookの作成

https://webhook.site/に移動します。 次のように表示されます。

デモ

固有のURLが表示されます。次のようになります。https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec.

このWebサイトは、このWebhookを作成しました。Adobe Experience Platform Data Collection Server property​でこのWebhookを設定して、イベントの転送のテストを開始できます。

21.3.2 Adobe Experience Platformデータ収集サーバーのプロパティの更新:データ要素の作成

https://experience.adobe.com/#/data-collection/に移動します。

Adobe Experience Platformデータ収集SSF

左側のメニューで、「Server」をクリックします。 次に、使用可能なすべてのAdobe Experience Platform Data Collection Serverプロパティの概要が表示されます。 演習21.1で作成したプロパティを検索してクリックし、開きます。

Adobe Experience Platformデータ収集SSF

左側のメニューで、データ要素​に移動します。 「新規データ要素を作成」をクリックします。

Adobe Experience Platformデータ収集SSF

次に、設定する新しいデータ要素が表示されます。

Adobe Experience Platformデータ収集SSF

次の項目を選択します。

  • 名前」に「XDMイベント」と入力します。
  • 拡張機能」として、「コア」を選択します。
  • データ要素のタイプ」として、「パス」を選択します。
  • パス​として、arc.event.xdm​と入力します。 このパスを入力すると、WebサイトまたはモバイルアプリからAdobe Edgeに送信されるイベントペイロードから​XDM​セクションを除外します。

これでいい。 「保存」をクリックします。

Adobe Experience Platformデータ収集SSF

メモ

上記のパスでは、arc​を参照します。 ​arcはAdobeリソースコンテキストを表 ​し、arcalwaysはServer Sideコンテキストで使用可能な最も高いオブジェクトを表します。Adobe Experience Platform Data Collection Serverの関数を使用して、この​arc​オブジェクトにエンリッチメントと変換を追加できます。

上記のパスでは、イベント​を参照します。 ​イベントは一意のイベントを表し、Adobe Experience Platform Data Collection Serverは常にすべてのイベントを個別に評価します。Web SDK Client Sideから送信されるペイロードに​events​への参照が表示される場合がありますが、Adobe Experience Platform Data Collection Serverでは、すべてのイベントが個別に評価されます。

21.3.3 Adobe Experience Platformデータ収集サーバーのプロパティの更新:ルールの作成

左側のメニューで、ルール​に移動します。 「新規ルールを作成」をクリックします。

Adobe Experience Platformデータ収集SSF

次に、設定する新しいルールが表示されます。

Adobe Experience Platformデータ収集SSF

名前​を入力します。すべてのページ

この演習では、条件を設定する必要はありません。 代わりに、アクションを設定します。 アクション​の下の​+追加​ボタンをクリックします。

Adobe Experience Platformデータ収集SSF

そうすれば、これが見える。

Adobe Experience Platformデータ収集SSF

次の項目を選択します。

  • 拡張​を選択します。Adobeクラウドコネクタ
  • アクションタイプ​を選択します。フェッチ呼び出し​を行います。

これにより、次の​名前​が得られます。Adobeクラウドコネクタ — 取得呼び出し​をおこないます。 次が表示されます。

Adobe Experience Platformデータ収集SSF

次に、以下を設定します。

  • リクエストメソッドをGETから​POST​に変更します
  • https://webhook.site/ Webサイトの前の手順の1つで作成したカスタムWebhookのURLを入力します。次のようになります。https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec

これで、これを使用できます。 次に、Body​に移動します。

Adobe Experience Platformデータ収集SSF

そうすれば、これが見える。 以下に示すデータ要素アイコンをクリックします。

Adobe Experience Platformデータ収集SSF

ポップアップで、前の手順で作成したデータ要素​XDMイベント​を選択します。 「選択」をクリックします。

Adobe Experience Platformデータ収集SSF

そうすれば、これが見える。 「変更を保存」をクリックします。

Adobe Experience Platformデータ収集SSF

そうすれば、これが見える。 「保存」をクリックします。

Adobe Experience Platformデータ収集SSF

これで、Adobe Experience Platformデータ収集サーバーのプロパティで最初のルールが設定されました。 公開フロー​に移動して、変更を公開します。
示されているように​​を編集」をクリックして、開発ライブラリ​v1​を開きます。

Adobe Experience Platformデータ収集SSF

Add All Changed Resources」ボタンをクリックすると、ルールとデータ要素がこのライブラリに表示されます。 次に、「開発用に保存してビルド」をクリックします。 変更がデプロイされました。

Adobe Experience Platformデータ収集SSF

数分後に、デプロイメントが完了し、テストの準備が整ったことがわかります。

Adobe Experience Platformデータ収集SSF

21.3.4設定のテスト

新しい匿名ブラウザーウィンドウを開き、https://public.aepdemo.netに移動します。

そうすれば、これが見える。

Adobe Experience Platformのデータ収集の設定

設定IDを入力し、「設定を読み込む」をクリックします。 設定が読み込まれます。

Adobe Experience Platformのデータ収集の設定

下にスクロールし、「設定を保存」をクリックします。

Adobe Experience Platformのデータ収集の設定

その後、管理ホームページにリダイレクトされます。 「LDAP」を選択します。 LDAPを選択し、「保存」をクリックします。

Adobe Experience Platformのデータ収集の設定

その後、管理ホームページにリダイレクトされます。 「ブランドを選択」に移動し、ブランド「Luma」を選択して、「保存」をクリックします。

Adobe Experience Platformのデータ収集の設定

その後、管理ホームページにリダイレクトされます。 Luma​ロゴをクリックします。

Adobe Experience Platformのデータ収集の設定

Lumaのホームページが表示されます。

Adobe Experience Platformのデータ収集の設定

ブラウザーの開発者ビューを開くと、次に示すようにネットワーク要求を調査できます。 フィルター​interact​を使用すると、Adobe Experience Platform Data Collection ClientからAdobe Edgeに送信されたネットワークリクエストが表示されます。

Adobe Experience Platformのデータ収集の設定

生のペイロードを選択した場合は、https://jsonformatter.org/json-pretty-printに移動し、ペイロードを貼り付けます。 「可能にする」をクリックします。 次に、JSONペイロード、events​オブジェクト、xdm​オブジェクトが表示されます。 前述の手順の1つで、データ要素を定義した際に参照​arc.event.xdm​を使用しました。これにより、このペイロードの​xdm​オブジェクトを解析できます。

Adobe Experience Platformのデータ収集の設定

前の手順の1つで使用したWebサイトhttps://webhook.site/にビューを切り替えます。 これで、このビューと似たビューが表示され、左側のメニューにネットワークリクエストが表示されます。 上に示したネットワークリクエストからフィルターされた​xdm​ペイロードが表示されています。

Adobe Experience Platformのデータ収集の設定

ペイロードで少し下にスクロールして、ページ名を探します(この場合は​Luma Home)。

Adobe Experience Platformのデータ収集の設定

Webサイト内を移動すると、このカスタムWebhookでリアルタイムに追加のネットワークリクエストが使用できるようになります。

Adobe Experience Platformのデータ収集の設定

Web SDK/XDMペイロードのサーバー側転送を外部カスタムWebhookに設定しました。 次の演習では、同様のアプローチを設定し、同じデータをGoogleおよびMicrosoft Azure環境に送信します。

次の手順:21.4 Google Cloud関数を作成して設定します。

モジュール21に戻る

すべてのモジュールに戻る

このページ