AEM Forms と Adobe Analytics の統合 integrate-aem-forms-with-adobe-analytics

バージョン
記事リンク
AEM 6.5
ここをクリックしてください
AEM as a Cloud Service
この記事

このドキュメントでは、アダプティブフォームで Adobe Analytics を有効にする手動の手順について説明しますが、アドビでは、Experience Cloud 設定の自動化を使用したアダプティブフォームでの Adobe Analytics の有効化を使用することをお勧めします。

AEM Forms は、Adobe Analytics と統合されているので、公開済みフォームのパフォーマンス指標を取得して追跡できます。これらの指標を分析する目的は、ビジネスユーザーがエンドユーザーの行動に関するインサイトを入手して、データキャプチャエクスペリエンスを最適化できるようにすることです。アダプティブフォームで Adobe Analytics を介してログインしているユーザーとログインしていない(匿名)ユーザーの両方の行動を取得および追跡できます。

この記事で取り上げる操作を実行すると、Adobe Analytics でレポートを設定したり表示したりできます(次のビデオを参照)。

Adobe Analytics を使用して、アダプティブフォームの使用時に発生するインタラクションのパターンや問題を検出することができます。Adobe Analytics では、標準で次のイベントに関する情報を追跡し保存します。

  • レンダリング:フォームが開かれた回数。

  • 送信:フォームが送信された回数。

  • 中断:ユーザーがフォームを完了せずに終了した回数。

  • エラー:パネルおよびパネルのフィールドで発生したエラーの回数。

  • ヘルプ:ユーザーがパネルおよびパネルのフィールドのヘルプを開いた回数。

  • フィールド訪問:ユーザーがフォーム内のフィールドを訪問した回数。

  • 保存:ユーザーがフォームポータルにフォームを保存した回数。

これらの標準イベントに加え、ルールエディターを使用してアダプティブフォームでカスタムイベントを定義し、それらのイベントを Adobe Analytics のイベントにマッピングすることができます。

次の図は、Adobe Analytics でレポートを表示する前に実行する必要があるアクションを示しています。

Analytics の概要

1. Adobe Analytics の設定 Configure-adobe-analytics

Adobe Analytics を設定する前に以下を作成します。

AEM Forms と Adobe Analytics の拡張機能のインストール install-extensions

AEM Forms と Adobe Analytics の拡張機能を設定するには、次の手順を実行します。

  1. Adobe Experience Cloud にログオンし、会社の名前を選択します。

  2. Launch / データ収集」を選択し、「Launch / データ収集に移動」をクリックします。

  3. 新しいプロパティ」を選択し、設定の名前を指定します。

  4. ドメイン名を指定し、「保存」を選択してプロパティを保存します。

  5. タグプロパティのリストで使用可能な設定名を選択します。

  6. オーサリング」セクションで、「拡張機能」を選択します。

  7. カタログ」を選択し、Adobe Experience Manager Forms 拡張機能の「インストール」を選択します。「インストール済み」タブで、使用可能なインストール済み拡張機能のリストに Adobe Experience Manager Forms が表示されます。

  8. Adobe Analytics 拡張機能の「インストール」を選択します。

  9. 開発レポートスイート」、「ステージングレポートスイート」、「実稼動レポートスイート」の各ドロップダウンリストでレポートスイート名を選択し、「保存」を選択して拡張機能を保存します。

データ要素の設定 configure-data-elements

イベント用に作成されたルールで、設定済みのデータ要素を選択できます。アダプティブフォームでイベントが発生すると、AEM Forms はこれらのデータ要素を Adobe Analytics に送信します。

Adobe Experience Manager Forms 拡張機能をインストールしたら、次のデータ要素を作成できます。

FieldName
FieldTitle
FormInstance
FormName
FormTitle
PageName
PageURL
PanelTitle
TimeSpent

データ要素を設定するには、次の手順を実行します。

  1. オーサリング」セクションで、「データ要素」を選択します。

  2. 新規データ要素を作成」を選択します。

  3. データ要素の名前を指定します。例えば、フォームタイトルデータ要素タイプの場合は「フォームタイトル」などと指定します。

  4. 拡張機能名として Adobe Experience Manager Forms を指定します。

  5. データ要素のタイプ」を選択します。

  6. 保存」を選択して、データ要素を保存します。

    embed

    https://video.tv.adobe.com/v/337472

ルールの設定 configure-rules

Adobe Experience Manager Forms 拡張機能に基づいてルールを作成するには、次の手順を実行します。

  1. オーサリング」セクションで、「ルール」を選択します。

  2. 新規ルールを作成」を選択します。

  3. ルール名を指定します。例えば、フォーム送信を記録する場合は、「フォーム送信」などと指定します。

  4. イベント」セクションで、「追加」を選択します。

  5. 拡張機能名として Adobe Experience Manager Forms を指定します。

  6. イベントタイプを選択します。「名前」フィールドには、選択したイベントタイプに基づいて自動的に入力されます。

  7. 変更を保持」を選択して、イベントを保存します。

  8. アクション」セクションで、「追加」を選択します。

  9. 拡張機能名として「Adobe Analytics」を指定します。

  10. 「アクションタイプ」として「変数を設定」を選択します。ドロップダウンリストで選択できるオプションは次のとおりです。

    • 変数を設定:選択したデータ要素が AEM Forms から Adobe Analytics に送信される際のイベントタイプを定義する場合に使用します。

    • ビーコンを送信:AEM Forms から Adobe Analytics にデータを送信する場合に使用します。

    • 変数をクリア:データ証跡をクリアして Adobe Analytics へのイベントの登録回数を 1 回だけにする場合に使用します。

      変数を設定」アクションタイプを使用してイベントとデータ要素を設定したあと、「ビーコンを送信」を使用してデータを送信し、「変数をクリア」を使用してデータ証跡をクリアすることをお勧めします。

  11. prop」セクションで、ドロップダウンリストで選択可能なレポートスイートオプションを、データ要素の設定で定義したデータ要素にマッピングします。

    例えば、フォームの送信時に AEM Forms から Adobe Analytics に​ フォームタイトル ​データ要素を送信するには、次のようにします。

    1. prop」セクションで、レポートスイートで使用可能なフォームタイトルの prop を選択し、 データベースアイコン を選択して、データ要素の設定で作成したフォームタイトルにマッピングします。

      define-props

    2. 別の要素を追加」を選択して、リストにさらにデータ要素を追加します。

  12. イベント」セクションで、レポートスイートで使用可能なオプションからイベントを選択して、「変更を保持」をクリックします。

  13. アクション」セクションで、「+」を選択し、拡張機能名として「Adobe Analytics」を指定します。

  14. 「アクションタイプ」として「ビーコンを送信」を選択します。データを Adobe Analytics に送信してページビューとして扱う場合は、右側のウィンドウで「s.t()」を選択します。また、データを Adobe Analytics に送信はするものの、ページビューとして扱わない場合は、「s.tl()」を選択します。「変更を保持」を選択します。

  15. アクション」セクションで、「+」を選択し、拡張機能名として「Adobe Analytics」を指定します。

  16. 「アクションタイプ」として「変数をクリア」を選択します。「変更を保持」を選択します。これらの手順を実行すると、「アクション」セクションの表示は次のようになります。
    アクションの設定

    必要に応じて、「アクション」セクションをカスタマイズします。例えば、アクションフローで「ビーコンを送信」ステップを 2 つ定義して、Adobe Analytics にデータを送信して、一方のステップではデータを Adobe Analytics に送信してページビューとして扱い、もう一方のステップではデータを送信するものの、ページビューとしては扱わない、というようなことが可能です。

    アクションの設定

  17. 保存」を選択して、ルールを保存します。

    中断、エラー、フィールド訪問、ヘルプ、レンダリング、保存、送信などのすべてのイベントタイプに対するルールを作成できます。

    embed

    https://video.tv.adobe.com/v/337425

公開フロー publish-flow

データ要素を作成してルールで使用したら、Adobe Analytics でフォームデータを収集するための設定を公開します。

設定を公開するには、次の手順を実行します。

  1. 公開」セクションで、「公開フロー」を選択します。

  2. ライブラリを追加」を選択し、名前を指定して、ライブラリの環境をクリックします。

  3. 変更されたすべてのリソースを追加」を選択したあと、「保存して開発用にビルド」をクリックします。

  4. 開発」セクションで、「 その他のオプション 」を選択したあと、「承認して実稼動環境に公開」をクリックします。

  5. 変更を確認すると、公開フローがすぐに「公開済み」セクションに表示されます。

公開フロー

2. AEM Forms の設定 configure-aem-forms

Adobe Launch 設定を作成する前に、Adobe Launch をクラウドソリューションとして使用して Adobe IMS 設定を作成します。

Adobe Launch 設定の作成 create-adobe-launch-configuration

Adobe Launch 設定を作成するには、次の手順を実行します。

  1. AEM Forms オーサーインスタンスで、ツールクラウドサービスAdobe Launch 設定 ​に移動します。

  2. 設定を作成するフォルダーを選択して、「作成」をクリックします。

  3. タイトル」フィールドで設定のタイトルを指定します。

  4. 関連付けられている Adobe IMS 設定」を選択します。

  5. Adobe Analytics の設定 時に使用した会社の名前を選択します。

  6. Adobe Analytics の設定 時に作成したプロパティの名前を選択します。

  7. 保存して閉じる」を選択します。

  8. 設定を公開します。

アダプティブフォームでの Adobe Analytics の有効化 enable-analytics-adaptive-form

既存のアダプティブフォームで Adobe Launch 設定を使用するには、以下を行います。

  1. AEM Forms オーサーインスタンスで、Adobe Experience ManagerFormsフォームとドキュメント ​に移動します。
  2. アダプティブフォームを選択し、「プロパティ」をクリックします。
  3. 基本」タブで、Adobe Launch 設定の作成時に使用した 設定コンテナ を選択します。
  4. 保存して閉じる」を選択します。アダプティブフォームは Adobe Analytics に対して有効になっています。
  5. フォームを公開します。

アダプティブフォームで Adobe Analytics を有効にすると、AEM Forms と Adobe Analytics の間に適切なデータイベントフローがあるかどうかを検証できます。AEM Forms と Adobe Analytics の統合が完了しました。これで Adobe Analytics でのレポートの設定と表示を行えるようになりました。

カスタムイベントをキャプチャするルールの作成(オプション) capture-custom-events

Analytics データをアダプティブフォームから Adobe Analytics に送信するため、ルールエディターを使用してアダプティブフォームの特定のフィールドに関するルールを作成します。

2 段階のプロセスで、アダプティブフォームのフィールドにルールを定義します。このルールがイベントをディスパッチします。イベントの名前は、Adobe Launch のカスタムキャプチャイベントにマッピングされます。

アダプティブフォームでルールエディターを使用してルールを作成するには、以下を行います。

  1. フィールドを選択し、「 ルールエディター 」をクリックしてルールエディターページを開きます。
  2. ルールの「条件」セクションで条件を定義します。
  3. ルールの「場合、」セクションで、「アクションを選択」ドロップダウンリストから「イベントをディスパッチ」を選択します。
  4. イベント名を入力」フィールドでイベントの名前を指定します。

例えば、下図では、生年月日が特定の日付より前の場合、AEM Forms は​ セキュリティ ​イベントをディスパッチします。

イベントのディスパッチ

イベントを Adobe Analytics のカスタムキャプチャイベントにマッピングするには:

  1. ルールを作成します。

  2. イベント」セクションで、「追加」を選択します。

  3. 拡張機能名として Adobe Experience Manager Forms を指定します。

  4. イベントタイプ」ドロップダウンリストから「カスタムイベントをキャプチャ」を選択します。

  5. ルールエディターを使用してルールを作成する際に手順 4 で指定したイベントの名前を指定します。

  6. 変更を保持」を設定し、ルールの設定で指定した残りのアクションを実行します。

3. Adobe Analytics でのレポートの設定と表示 view-reports-adobe-analytics

イベントデータを Adobe Analytics に送信するようにアダプティブフォームを設定したら、Adobe Analytics でレポートの表示を開始できます。

  1. 製品を選択 」を選択し、「Analytics」をクリックします。

  2. プロジェクトを作成」を選択し、「空のプロジェクト」をクリックします。

  3. フリーフォームの右上にあるドロップダウンリストからレポートスイート名を選択します。

  4. すべてのフォームタイトルを表示するには、「ディメンション項目を検索」テキストボックスで「フォームタイトル」を指定します。

  5. セグメント (または他のコンポーネント) をここにドロップ」テキストボックスにアダプティブフォームのタイトルをドロップします。

  6. 指標」セクションで、追跡するイベントを「指標 (または他のコンポーネント) をここにドロップ」テキストボックスにドロップします。

  7. ビジュアライゼーション 」を選択し、グラフのタイプを「フリーフォーム」セクションにドロップします。同様に、複数のグラフタイプを「フリーフォーム」セクションに追加できます。

  8. Ctrl+S キーを選択し、名前を指定してプロジェクトを保存します。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab