AEM Forms でターゲット設定されたエクスペリエンスを作成する

Adobe TargetとAEM Formsの統合

Adobe Target は AEM と統合されて、対象オーディエンスに向けてカスタマイズされたエクスペリエンスを作成することが可能になりました。Adobe Target では、対象ユーザーに向けて A/B テストを作成し、ユーザーの反応を評価し、カスタマイズされた Web コンテンツを生成します。Adobe TargetをAEM Formsと統合して、アダプティブフォームやインタラクティブ通信の画像コンポーネントを対象にすることができます。

AEMでAdobe Targetを設定し、アダプティブフォームとインタラクティブ通信で使用します。「AEMでのTarget設定の作成」および「フレームワークの追加」を参照してください。

メモ

ターゲティングは、アダプティブフォームまたはインタラクティブ通信がホスト名またはIPアドレスを使用してレンダリングされる場合に機能します。 アダプティブフォームまたはインタラクティブ通信がlocalhostを使用してレンダリングされると失敗します。

Target アクティビティを作成する

  1. Adobe Experience Manager/パーソナライゼーション/アクティビティ​をタップします。

    https://<hostname>:<port>/libs/cq/personalization/touch-ui/content/v2/activities.html

  2. アクティビティページで、作成/ブランドを作成​をタップします。

  3. テンプレートを選択し、プロパティを入力します。

    テンプレートを選択し、「次へ」をタップします。 「プロパティ」セクションにブランドのタイトルを入力し、「作 成」をタップします。
    ブランドがアクティビティページに表示されます。

  4. アクティビティページのブランドをタップします。

  5. ブランドのマスター領域で、作成 / アクティビティを作成​をタップします。

    アクティビティを作成したら、その詳細、対象、および設定を指定します。

    詳細セクションには、名前、対象のエンジン、および目的が含まれます。対象のエンジンとして Adobe Target を選択した場合、Target のクラウド設定オプションが有効になります。Targetクラウド設定を選択し、「アクティビティタイプ」を選択し、アクティビティの目的を指定して、「次へ」をタップします。 インタラクティブ通信は、エクスペリエンスのターゲット設定アクティビティタイプのみをサポートします。

    Target セクションでは、オーディエンスのエクスペリエンスを追加し、名前を付けることができます。「エクスペリエンスを追加」をクリックして、「オーディエンスを選択」および「エクスペリエンスに名前を付ける」オプションを有効にします。 「オーディエンスを選択」をタップして、オーディエンスとそのソースのリストを表示します。 オーディエンス名のリストからオーディエンスを選択します。「エクスペリエンスを追加」をタップしてエクスペリエンスの名前を指定し、「次へ」をタップします。

    「目標と設定」セクションでは、アクティビティのスケジュールと優先度の設定ができます。アクティビティ、目標指標、追加指標の開始日、終了日、優先度を設定して、「保存」をタップします。

    アクティビティが、ブランドページのリストに表示されました。

    メモ

    「アクティビティは保存されましたが、Targetに同期されませんでした。 理由：次のエクスペリエンスにオファーがありません。」（アクティビティの保存時に発生した場合）

  6. ターゲットを有効にするには、.jspファイルを編集して、アダプティブフォームテンプレートで使用するクライアントライブラリを含めます。

    例えば、標準実装では、ツール /CRXDE Lite​をクリックします。

    CRXDE Liteのアドレスバーに/libs/fd/af/components/page/base/head.jspと入力してhead.jspファイルを編集します。

    この実装では、 simpleEnrollmentテンプレートを使用します。 この実装では、head.jspファイルを変更して、次のクライアントライブラリを含めます。

    <cq:include script="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp"/>

    <cq:include path="clientcontext_optimized" resourceType="/libs/cq/personalization/components/clientcontext_optimized"/>

    <cq:include path="config" resourceType="cq/personalization/components/clientcontext_optimized/config"/>

  7. アダプティブフォームのターゲットフレームワークを有効にするには、フォームまたはインタラクティブ通信に移動し、編集モードで開きます。

    フォームまたはインタラクティブ通信を編集モードで開くには、「​を選択」をタップし、「​を開く」をタップします。

    または、フォームやインタラクティブ通信のアイコンを選択せずにポインターを移動すると、4つのボタンが表示されます。 表示された「編集」ボタンをタップすると、フォームが編集モードで開きます。

  8. ページツールバーで、ページ情報 theme-options / プロパティを開く​をタップします。

  9. 「一般」タブで、Adobe Target​フィールドの設定を選択します。 「保存して閉じる」をタップします。

作成したアクティビティをアダプティブフォーム画像またはインタラクティブ通信画像に適用する

  1. アダプティブフォームとインタラクティブ通信を開いて編集します。 インタラクティブ通信を開く場合は、Webチャネルを開きます。

  2. インタラクティブ通信またはアダプティブフォームのオーサリングモードで、ターゲットとする画像を追加します。

    メモ

    AEM Formsは、画像コンポーネントのターゲティングのみをサポートしています。 画像コンポーネントをホストするパネルに他のコンポーネントが含まれていないこと、およびパネルの列数が1に設定されていることを確認します。

  3. 編集​から​ターゲティング​モードに切り替えます。 モードを切り替えるオプションは、右上隅付近にあります。

  4. BRAND​を選択し、「アクティビティ」を選択して、「ターゲティングを開始」をタップします。 エディターの右側に​Audiences​メニューが表示されます。

    ターゲティングメニュー

  5. オーディエンス​メニューからオーディエンスを選択し、ターゲットにする画像をタップします。 メニューが表示されます。 メニューで、「ターゲット」をタップします。 画像をタップし、「設定」をタップします。 プロパティウィンドウで、選択したオーディエンスに対して表示する画像を選択します。 すべてのオーディエンスに対して手順を繰り返します。 エクスペリエンスのターゲット設定は、インタラクティブ通信またはアダプティブフォーム内の画像に対して有効になります。

作成したアクティビティと Target サーバーとの同期を確認する

ターゲット設定に使用したアクティビティは、Target サーバーと同期します。アクティビティが Target サーバーと同期しているか確認するには、ブランドページでアクティビティのステータスを確認します。

アクティビティのステータスが同期していることを確認してください。

Target の動作を検証する

Target の動作は次のように検証します。

  • オーサーモードでwcmmode previewでターゲティングを使用する
  • パブリッシュモードでwcmmode previewとwcmmode disabledでターゲティングを使用する

画像コンポーネントのターゲット設定を監視する

フォームの画像コンポーネントのターゲット設定を監視するには、画像、アクティビティ、アダプティブフォームを発行します。

未解決の問題

表示式のフォーカスの設定は、アダプティブフォームでターゲット設定された画像では機能しません。

このページ