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/に移動します。

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

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

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

次の項目を選択します。

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

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

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

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

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

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

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

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

次の項目を選択します。

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

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

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

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

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

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

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

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

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

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

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

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

21.3.4設定のテスト

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

モジュール21に戻る

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