ドキュメントAEMAEM Screens ガイド

AEM Screens プロジェクトでの ContextHub の設定 configuring-contexthub-in-aem-screens

Last update: Tue Apr 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • Intermediate
  • Developer

この節では、データストアを使用したデータ駆動型アセットの変更の作成と管理に重点を置いて説明します。

キーワード key-terms

AEM Screens プロジェクトでの在庫駆動型チャネルの作成と管理の詳細を説明する前に、様々なシナリオに対する重要な用語の一部を学びます。

ブランド – 大まかなプロジェクト説明。

領域 - デジタル広告サイネージなど、AEM Screens プロジェクトの名前

Activity – 在庫主導、天候主導、部門可用性主導などのカテゴリルールを定義します。

対象読者 – 規則を定義します。

セグメント – 指定されたルールで再生されるアセットのバージョン。 例えば、温度が華氏 50 度を下回る場合、画面には温かい飲み物、それ以外の場合は冷たい飲み物の画像が表示されます。

以下の図は、ContextHub 設定がアクティビティ、オーディエンス、チャネルと一致する様子を視覚的に示しています。

screen_shot_2019-05-29at53729pm

前提条件 preconditions

AEM Screens プロジェクトの Context Hub 設定の指定を開始する前に、Google Sheets を設定します（デモ用）。

IMPORTANT
次の例では、値の取得先となるサンプルデータベースシステムとして Google シートを使用していますが、この Google シートはあくまで教育用のものです。アドビでは、実稼動環境への Google シートの使用はお勧めしません。
詳しくは、を参照してください API キーを取得 （Google ドキュメント）。

手順 1：データストアのセットアップ step-setting-up-a-data-store

データストアは、ローカル I/O イベントまたはローカルデータベースイベントとして設定できます。

次のアセットレベルのデータトリガーの例では、ContextHub 設定を使用し、AEM Screens チャネルへのパスをセグメント化できる Excel シートなどのデータストアを設定するローカルデータベースイベントを示しています。

を設定したら、 google 次の例に示すように、正しくシート化します。

画像

次の検証は、2 つの値を入力して接続を確認する場合に表示するものです。 *google sheet ID* および *API key* 以下の形式で指定します。

https://sheets.googleapis.com/v4/spreadsheets/<your sheet id>/values/Sheet1?key=<your API key>

画像

NOTE
次の具体的な例では、値が 100 より大きい場合または 50 未満の場合にアセットの変更をトリガーするデータストアとしての Google Sheets を示しています。

手順 2：ストア設定のセットアップ step-setting-store-configurations

  1. ContextHub に移動する

    AEM インスタンスに移動し、左側のサイドバーにあるツールアイコンをクリックします。クリック Sites > ContextHub ​を参照してください（下図を参照）。

    画像

  2. ContextHub ストア設定の作成

    1. 「screens」という設定コンテナに移動します。

    2. 作成／設定コンテナを作成 ​をクリックし、タイトルに「ContextHubDemo」と入力します。

      画像

    3. ContextHubDemo／作成／ContextHub 設定 ​に​ 移動 ​し、「保存」をクリックします。

      note note
      NOTE
      クリックした後 保存 ​が表示されます ContextHub 設定 画面。

    4. から ContextHub 設定 画面、クリック 作成 > ContentHub ストアの設定

    画像

    note caution
    CAUTION
    AEM 6.5 機能パック 4 または AEM 6.4 機能パック 8 の一部として、/conf/screens/settings/cloudsettings を sling:Folder に更新する必要があります。
    次の手順に従います。
    1. CRXDE Lite に移動してから/conf/screens/settings/cloudsettingsに移動します。
    2. cloudsettings jcr:primaryType が sling:Folder にあるかどうかを確認します。jcr:primaryType が sling:folder にない場合は、次の手順に進みます。
    3. 右クリック /conf/screens/settings を使用してノードを作成します。 名前 as cloudsettings1 および タイプ as sling:Folder 変更を保存します。
    4. /conf/screens/settings/cloudsettings の下のすべてのノードを cloudsettings1 に移動します。
    5. cloudsettings を削除して保存します。
    6. cloudsettings1 を cloudsettings に名前変更して保存します。
    7. をご覧ください /conf/screens/settings/cloudsettings が jcr:primaryType as sling:Folder.
    オーサーとパブリッシュで、アップグレードの前または後に次の手順に従います。

    1. を入力 タイトル as Google シート, ストア名 as googlesheets、および ストアタイプ as contexthub.generic-jsonp をクリックして、 次.

      note caution
      CAUTION
      Adobe Experience Manager（AEM） 6.4 を使用している場合は、 設定のタイトル as googlesheets および ストアタイプ as contexthub.generic-jsonp.

      画像

    2. 固有の JSON 設定を入力します。例えば、以下の json をデモ目的で使用し、をクリックできます。 保存. という名前のストア設定が表示されます。 Google シート （ContextHub 設定内）。

      note important
      IMPORTANT
      必ずコードを *<Sheet ID>* および *<API Key>*Google シートの設定中に取得した。
      code language-none 
       {
  "service": {
  "host": "sheets.googleapis.com",
  "port": 80,
  "path": "/v4/spreadsheets/<your google sheets id>/values/Sheet1",
  "jsonp": false,
  "secure": true,
  "params": {
  "key": "<your Google API key>"
 }
},
"pollInterval": 10000
}
      note note
      NOTE
      上記のサンプルコードでは、 pollInterval 値が更新される頻度をミリ秒単位で定義します。
      コードをに置き換えます *<Sheet ID>* および *<API Key>*Google シートの設定中に取得した。
      note caution
      CAUTION
      Google Sheets で、グローバルフォルダーの外部（例えば、独自のプロジェクトフォルダー内）に設定を保存する場合、ターゲティングは標準では機能しません。

  3. ストアのセグメント化の設定

    1. に移動します。 ContentHub ストアの設定 さらに、AEM Screens設定コンテナに別のストア設定を作成し、 タイトル as segmentation-contexthub, ストア名 as セグメント化 および ストアタイプ as aem.segmentation.

      画像

    2. 「次へ」、「保存」の順にクリックします。

      note note
      NOTE
      JSON を定義するプロセスはスキップし、空白のままにします。

手順 3：オーディエンスのセグメントのセットアップ setting-up-audience

  1. オーディエンスにセグメントを作成する

    1. AEM インスタンスで、パーソナライゼーション／オーディエンス／Screens に移動します。

    2. 作成／Context Hub セグメントを作成 ​をクリックします。新しい ContextHub セグメント ​ダイアログボックスが開きます。

    3. を入力 タイトル as **Higherthan50** をクリックして、 作成. 同様に、というタイトルの別のセグメントを作成します **Lowerthan50**.

      画像

    4. セグメントをクリックします **Higherthan50** をクリックして、 プロパティ アクションバーから。

      画像

    5. 「」をクリックします Personalization tab キーを押して セグメントのプロパティ. 次の図に示すように、「ContextHub のパス」を /conf/screens/settings/cloudsettings/ContextHubDemo/contexthub configurations、「セグメントのパス」を /conf/screens/settings/wcm/segments に設定し、「保存」をクリックします。

    画像

    1. 同様に、 ContextHub パス および セグメントのパス （用） **Lowerthan50** セグメントも。

手順 4：ブランドと領域の設定 setting-brand-area

アクティビティおよびブランドの下の領域にブランドを作成するには、次の手順に従います。

  1. アクティビティにブランドを作成する

    1. AEM インスタンスからに移動します。 Personalization > アクティビティ.

    2. 作成／ブランドを作成 ​をクリックします。

    3. クリック ブランド から ページを作成 ウィザードを表示して、 次.

    4. 「タイトル」に「ScreensBrand」と入力し、「作成」をクリックします。これで、以下のようにブランドが作成されました。

      画像

      note caution
      CAUTION
      既知の問題：
      領域を追加するには、次のように URL からプライマリを削除します
      http://localhost:4502/libs/cq/personalization/touch-ui/content/v2/activities.html/content/campaigns/screensbrand/master。

  2. ブランドに領域を作成する

    以下の手順に従って、ブランドに領域を作成します。

    1. クリック 作成 その後 エリアを作成.

      画像

    2. クリック 領域 から ページを作成 ウィザードを表示して、 次.

    3. 「タイトル」に「ScreensValue」と入力し、「作成」をクリックします。ブランドにエリアが作成されます。

手順 5：アクティビティのセグメントの作成 step-setting-up-audience-segmentation

データストアの設定とアクティビティ（ブランドと領域）の定義が完了したら、次の手順に従ってアクティビティでセグメントを作成します。

  1. アクティビティにセグメントを作成する

    1. AEM インスタンスで、パーソナライゼーション／アクティビティ／ScreensBrand／ScreensValue に移動します。

    2. 作成／アクティビティを作成 ​をクリックします。アクティビティの設定 ​ウィザードが開きます。

    3. 「タイトル」に「ValueCheck50」、「名前」に「valuecheck50」と入力します。「」をクリックします ターゲティングエンジン as ContextHub （AEM） ドロップダウンから「」を選択し、 次.

      画像

    4. クリック エクスペリエンスを追加 から **Configure Activity** ウィザード。

    5. から オーディエンス ​を選択し、 **Higherthan50** をクリックして、 エクスペリエンスを追加 を入力し、 タイトル as **higherthan50** 名前 as **higherthan50**. 「OK」をクリックします。

    6. から オーディエンス ​を選択し、 **Lowerthan50** をクリックして、 エクスペリエンスを追加 を入力し、 タイトル as **lowerthan50** 名前 as **lowerthan50**. 「OK」をクリックします。

    画像

    1. 「次へ」、「保存」の順にクリックします。**ValueCheck50** これで、アクティビティの作成と設定が完了しました。

      画像

手順 5：オーディエンスのセグメントの編集 editing-audience-segmentation

  1. セグメントを編集する

    1. AEM インスタンスで、パーソナライゼーション／オーディエンス／Screens に移動します。

    2. セグメントをクリックします **Higherthan50**を選択し、 編集 アクションバーから。

    3. 比較：プロパティ - 値 ​コンポーネントをエディターにドラッグ＆ドロップします。

    4. レンチアイコンをクリックして、 プロパティと値の比較 ダイアログが表示されます。

    5. クリック google シート/値/1/0 のドロップダウンから プロパティ名.

      note note
      NOTE
      この google シート/値/1/0 で入力された行 2 と列を指します google 下図のシート

      画像

    6. 「」をクリックします 演算子 as より大きい ドロップダウンメニューから。

    7. 「値」に「70」を入力します。

      note note
      NOTE
      AEM で Google シートのデータが検証されると、セグメントが緑色で表示されます。

      画像

    同様に、プロパティ値をに編集します **Lowerthan50**.

    1. 比較：プロパティ - 値 ​コンポーネントをエディターにドラッグ＆ドロップします。

    2. レンチ アイコンをクリックします。

    3. が含まれる プロパティと値の比較 ダイアログ ボックスで、 google シート/値/1/0 のドロップダウンから プロパティ名.

    4. 「」をクリックします 演算子 as より小さい ドロップダウンメニューから。

    5. 「値」に「50」と入力します。

チャネルでのターゲティングの有効化 step-enabling-targeting-in-channels

以下の手順に従って、チャネルでターゲティングを有効にします。

  1. AEM Screens チャネルのいずれかに移動します。 以下の手順は、AEM Screens チャネルに作成した DataDrivenChannel を使用してターゲティングを有効にする方法を示しています。

  2. チャネルをクリックします TargetChannel をクリックして、 プロパティ アクションバーから。

    画像

  3. 「」をクリックします Personalization タブをクリックして、ContextHub 設定をセットアップします。

    1. 「ContextHub パス」を /conf/screens/settings/wcm/segments に設定、「セグメントパス」を /conf/screens/settings/wcm/segments に設定します。

    2. ドロップダウンからブランドを ScreensBrand、「エリア参照を設定」を ScreensValue に設定します。

    3. 「保存して閉じる」をクリックします。

      note note
      NOTE
      ContextHub 設定とセグメントをそれぞれ最初に保存した、Context Hub とセグメントのパスを使用します。

      画像

    4. に移動し、 TargetChannel チャネルとクリック 編集 アクションバーから。

      note note
      NOTE
      すべてが正しく設定されていれば、次のように表示されます ターゲティング エディターのドロップダウンの「」オプション（下図を参照）。

      画像

詳細情報：使用例 learn-more-example-use-cases

AEM Screens プロジェクトに ContextHub を設定したら、以下の様々な使用例を通じて、データでトリガーされるアセットが様々な業界でいかに重要な役割を果たしているかを理解できます。

  1. 小売店向けの在庫に応じたアクティベーション
  2. 旅行センター向けの気温に応じたアクティベーション
  3. 接客業向けの予約状況に応じたアクティベーション
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053