22.4 EXPニュースデータ収集をEXPニュースリアルタイムダッシュボードに接続する

目標

  • Adobe Experience Platform Data Collection Server Side Forwardingを使用して、EXP News WebサイトからProject Firefly EXP News Realtimeダッシュボードアプリをリアルタイムストリーミング情報に接続する方法を説明します。

前提条件

この演習を開始する前に、NodeJSとAdobe I/OCLIがインストールされ、セットアップされていることを確認します。 詳しくは、演習22.1 — 環境の設定を参照してください。

22.4.1 Project FireflyアプリのWebhookの確認

EXP News Webサイトからダッシュボードアプリにストリーミングイベントを接続できるWebhookを見つけ出す必要があります。 実際には、既に練習22.3.2のaio app deployの出力としてそれを見つけているはずです。これは、デプロイ済みのアクション​のリストの最初の行です。webhook​で終わるもの。 デプロイ(例： https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook.webhook​のURLをコピーし、後で使用できるように、どこかに保存します。

22.4.2 Adobe Experience Platformデータ収集サーバー側転送の設定

前の演習で見つけたWebhookを使用して、Project Firefly EXP News Fireflyダッシュボードアプリ用にサーバー側転送を設定します。

https://experience.adobe.com/#/data-collection/に移動します。 正しい組織に属していることを確認し、右上隅にが表示されていることを確認します。--envName--.

Adobe Experience Platformデータ収集SSF

左側のメニューで、「Server」をクリックします。 サーバーのプロパティの概要が表示されます。

Adobe Experience Platformデータ収集SSF

モジュール21の一部として作成したサーバー側のプロパティを検索します(例：vangeluw - Demo System (24/04/2021) (Edge))をクリックして開きます。

Adobe Experience Platformデータ収集SSF

左側のレールの「データ要素」をクリックし、「データ要素を追加」をクリックして新しいデータ要素を追加します。 データ要素定義画面で、次の情報を入力します。

  • 名前: brandName
  • 拡張機能:リスト Core から「 」を選択します。
  • データ要素のタイプ:リスト Path から「 」を選択します。
  • パス（必須）: arc.event.xdm.--aepTenantId--.demoEnvironment.brandName

Adobe Experience Platformデータ収集SSFデータ要素

「保存」をクリックして、データ要素を保存します。

左側のレールの「ルール」をクリックします。 このプロパティ用に作成されたルールの概要が表示され、演習21の​すべてのページ​ルールが一覧表示されます。 「Add Rule」をクリックします。

Adobe Experience Platformのデータ収集ルール

ルールを作成​画面で、次の操作を実行します。

名前​を指定します。例：All Pages EXP News. 「+追加」をクリックして、新しい条件を追加します。

Adobe Experience Platform Data Collection Rule Name

条件設定​画面で、次の情報を入力します。

  • 論理タイプ:select Regular
  • 拡張機能:select Core
  • ​​条件の種類：select Value Comparison
  • 名前: Core - Value Comparison
  • 左オペランド（必須）:3つの brandName 円柱アイコンをクリックして、表示されるダイアログからを選択します。フィールドに{{brandName}}が入力されます。
  • 演算子:select Equals
  • 右オペランド:タイプを指定し EXP Newsます。

Adobe Experience Platformデータ収集SSFルール

「変更を保持」をクリックして、「ルールを作成」画面に戻ります。 次に、+追加​をクリックして、新しいアクションを追加します。

Adobe Experience Platformデータ収集SSFルール

アクション設定​画面で、左側のパネルに次の情報を入力します。

  • 拡張機能:select Adobe Cloud Connector
  • アクションタイプ:select Make Fetch Call
  • 名前: Adobe Cloud Connector - Make Fetch Call
  • メソッド（必須）:select POST
  • URL（必須）:練習22.4.1でコピーして保存したWebhookをここに貼り付けます。例： https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook

「ボディ」をクリックします。

Adobe Experience Platformデータ収集SSFルール3

Body​が次のようになるようにします。

  • Raw​が​Body Format​として選択されていることを確認します。
  • Body(Raw)​の下のフィールドの後ろにある3つの円柱アイコンをクリックすると表示されるダイアログから、「XDMイベント」を選択します。 {{XDM Event}}が挿入されます。

Adobe Experience Platform Data Collection SSF Rule 3b

「変更を保持」をクリックします。 画面は次のようになります。 「保存」をクリックします。

Adobe Experience Platformデータ収集SSFルール4

左側の「公開フロー」をクリックして、Adobe Experience Platformデータ収集サーバーの設定に変更をデプロイします。
をクリックします…​Development​列の​v1​から右に移動し、「編集」をクリックします。

Adobe Experience Platformデータ収集SSFルール5

ライブラリ​を編集画面で、「変更されたすべてのリソースを追加」をクリックします。 最新の変更の概要が表示されます。 「開発用に保存してビルド」をクリックします。

Adobe Experience Platformデータ収集SSFルール6

しばらくすると、前の画面に戻ります。 v1​が回転を停止し、緑で塗りつぶされるまで待ちます。 これで、EXPニュースページ用の更新されたサーバー側転送ルールがデプロイされました。

Adobe Experience Platformデータ収集SSFルール7

22.4.3 EXPニュースのリアルタイムダッシュボードのデモ

EXP Newsダッシュボードアプリで、EXP News Webサイトのインタラクションがリアルタイムで更新される方法を示します。

次に手順を示します。

https://public.aepdemo.netに移動します。

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

ページの下部で、「設定を保存」をクリックします。

「LDAP​を選択」をクリックし、リストからLDAP名を選択します。 「保存」をクリックします。LDAP

「ブランドを選択」をクリックし、リストから「EXP News (Demo brand for mediaent)」を選択します。

「保存」をクリックします。

ブランド

環境ステータス​画面から

ステータス

EXP Newsロゴをクリックします。 EXP NewsのWebサイトに移動します。

EXPニュース

EXP NewsのWebサイトで、クリックして記事を読み、ビデオを見てください。

EXP News Real-time Dashboard Fireflyアプリに戻ります。EXP Newsサイトでのインタラクションをリアルタイムで更新する必要があります。

リアルタイム

これをもっと楽しんでみて。 開発者で冒険的な人で余裕がある場合は、ダッシュボードアプリのソースコードを調べ、必要に応じて変更を加えてください。

これで、この演習とこのモジュールが終了しました。

次の手順：概要と利点

モジュール22に戻る

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

このページ