[AEM Forms]{class="badge positive" title="AEM Formsに適用)。"}

フォームをドラフトとして保存し、サイトページにリスト表示する

Adobe Experience Manager(AEM)では、ドラフトとして保存 オプションを提供しており、ユーザーはフォームの入力を一時停止して後で完了できます。 フォームの入力を開始するものの、後で一時停止して戻る必要があるユーザーを考えてみましょう。ドラフトとして保存​機能により、フォームの進行状況が保持され、後でフォームを完了できるようになります。

ドラフトとして保存

フォームの保存と復帰をサポートするために、AEMには​ドラフトと送信 Forms Portal コンポーネントが標準で用意されています。 このコンポーネントは、AEM Sites ページにドラフトと送信を直接表示し、次の2つの機能を提供します。

  • 下書き:​後で完了用に下書きとして保存されたフォームを一覧表示します。
  • 送信:​には、既に送信されたフォームが一覧表示されるため、ユーザーは送信した内容を確認できます。

ドラフトと送信のログイン要件

下書きアイコン

ドラフトおよび提出へのアクセスは、認証済みユーザーに制限されます。 具体的には以下のとおりです。

  • ログインしたユーザー​のみが、ドラフトを編集したり、送信されたフォームを表示したりできます。
  • ドラフトと送信を​ドラフトと送信 コンポーネントに表示するには、フォームの送信時またはドラフトの保存時にユーザーがログインする必要があります。

ドラフトと送信 コンポーネントは、各ドラフトと送信を特定のユーザーアカウントに関連付けるので、認証は必須です。 匿名ユーザーが​Search & Lister コンポーネントを使用してフォームのリスト内を移動し、フォームをドラフトとして保存した場合、その匿名ドラフトはどのアカウントにも関連付けられません。 その結果、ドラフトと送信 コンポーネントには匿名のドラフトが一覧表示されず、フォーム作成者は後でそれを取得できません。 そのため、保存または送信する前にログインする必要があります。フォームがユーザーにリンクされ、ドラフトまたは送信が再度見つけられるようにします。

前提条件

ドラフトと送信Forms ポータル コンポーネントを使用する前に、以下で説明する必要なストレージ設定を完了してください。 ドラフトと送信Forms ポータル コンポーネント​を使用すると、部分的に完成したフォームをドラフトとして保存したり、送信されたフォームを表示、再開、管理したりできます。 この機能は、ドラフトと送信データをユーザーセッション間で確実に保持する必要があるため、適切に設定されたストレージバックエンドに依存します。

次の前提条件を満たします。

この手順では、統合ストレージコネクタ​を介して、Forms ポータル コンポーネントとMicrosoft クラウドストレージサービスの​ Azureストレージ ​との間の接続を確立します。 統合ストレージコネクタは、ドラフトデータと送信データを設定されたストレージプロバイダーにルーティングする抽象化層として機能します。 指定された接続されたストレージの場所がなければ、コンポーネントがドラフトと送信されたフォームデータを保持または取得できないため、Azure ストレージと統合ストレージコネクタの設定が必要です。 そのため、この設定を最初に完了して、保存されたドラフトとフォーム送信を保存し、取得できるようにして、セッション間でユーザーが利用できるようにする必要があります。

ドラフトと送信Forms ポータル コンポーネント用のAzure ストレージと統合ストレージコネクタの設定

ドラフトと送信 コンポーネントには、Adobe Experience Manager(AEM)のSites ページにドラフトを保存して一覧表示するために、設定されたストレージバックエンドが必要です。 これには、有効な​ Azure個のストレージ アカウント ​と、そのアカウントへのアクセスを許可する​ アクセス キー ​の2つの前提条件が必要です。 統合ストレージコネクタ​は、AEMと外部ストレージをリンクするフレームワークを提供します。このフレームワークは、ドラフトフォームと送信されたフォームがオーサリングインスタンス外で確実に保持され、必要に応じて取得できるように必要です。

始める前に、次の項目を確認してください。

  • アクティブな​Azureストレージ アカウント。
  • 対応する​ Azureアクセス キー ​は、ストレージ アカウントへのアクセスを承認するために使用されます。

両方を使用できるようになったら、以下の2つの設定段階を完了します。

手順1: Azure ストレージ設定の作成

  1. ツール/クラウドサービス/Azure ストレージ​に移動します。

    Azure ストレージカードの選択

  2. 設定フォルダーを選択して設定を作成し、作成​を選択します。

    ​ ストレージ設定フォルダーAzureを選択

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

  4. Azure ストレージ アカウントの詳細を​ Azure ストレージ アカウント ​および​Azure アクセス キー フィールドに指定します。 Azure Storage Account テキストボックスに​Connection String、テキストボックスに​ Azure Key ​を入力します。Azure Access key

    Azure ストレージ設定

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

    note
    NOTE
    Azure ストレージ アカウント​と​ Azure アクセス キー ​をMicrosoft Azure ポータル ​から取得できます。

Azure ストレージ設定を正常に作成したら、Forms ポータル用の統合ストレージコネクタを設定します。

手順2:Forms Portal用のUnified Storage Connectorの設定

  1. ツール/Forms/統合ストレージコネクタ​に移動します。

    統合コネクタストレージ ​

  2. 「フォームポータル」セクションで、「ストレージ」ドロップダウンリストから「Azure」を選択します。

  3. ストレージ設定パス フィールドで、Azure ストレージ設定の設定パスを指定します。 このパスは、コネクタを、手順1で作成したAzure ストレージ設定に向けます。

    統合コネクタストレージ設定

  4. 「保存」を選択します。

NOTE
Azure以外のストレージオプションを設定する必要がある場合は、詳細な要件を記載した公式メールアドレスからaem-forms-ea@adobe.comにメールを送信します。

ドラフトと送信されたフォームを保存するためのAzure ストレージと統合ストレージコネクタの両方を正常に設定したら、ドラフトと送信 コンポーネントをAdobe Experience Manager (AEM) Sites ページに追加します。

ドラフトと送信コンポーネントをAEM Sites ページに追加する方法を教えてください。

ドラフトと送信 ポータルコンポーネントは、ログインユーザーの保存されたフォームのドラフトと完了したフォームの送信を直接AEM Sites ページに表示する、すぐに使えるAdobe Experience Manager(AEM)Forms ポータルコンポーネントです。 このコンポーネントを追加することで、エンドユーザーはセルフサービスの場所で不完全なフォームを再開し、以前に送信されたフォームをレビューできるようになり、フォームの完了率が向上し、データを再入力する必要性が低減されます。

作成者や管理者は、すぐに使えるForms Portal コンポーネントを使用して、Sites ページにドラフトと送信を一覧表示できます。 次の手順を実行して、ドラフトと送信 ポータル コンポーネントを追加します。

  1. 編集 モードでAdobe Experience Manager(AEM)のサイトページを開きます。

  2. ページ情報 > テンプレートを編集​に移動します。

    テンプレートポリシーの編集

  3. ポリシー​をクリックし、[AEM アーキタイププロジェクト名] - Forms and Communications Portal​の下の​ドラフトと送信 チェックボックスを選択します。 これにより、ドラフトと送信 コンポーネントが有効になり、このテンプレートを使用するページに挿入できるようになります。

    ポリシーの選択

  4. 「完了」をクリックします。

  5. オーサリングモードでAEM Sites ページを再度開きます。

  6. ページエディター内で、フォームポータルコンポーネントを追加できるセクションを見つけます。

  7. 追加​アイコンをクリックします。 アイコンはプラス記号(+)で、新しいコンポーネントを追加するオプションを示します。

    追加​アイコンをクリックすると、新規コンポーネントを挿入​ダイアログボックスが表示され、挿入する様々なコンポーネントが表示されます。

    note
    NOTE
    または、コンポーネントをドラッグ&ドロップすることもできます。
  8. ダイアログボックスで使用可能なコンポーネントを参照し、リストから目的のコンポーネントを選択します。 例えば、リストから​ドラフトと送信 コンポーネントを選択して、ドラフトと送信 Forms Portal コンポーネントを追加します。

    ​ ドラフトと送信コンポーネントを追加

コンポーネントをページに配置したら、要件に応じて​ドラフトと送信 コンポーネントのプロパティを設定します。 コンポーネントを選択し、その設定(プロパティ)ダイアログを開いて、ドラフトと送信の表示方法を制御します。 一般的な設定オプションは次のとおりです。

  • 表示設定 — タイトル、レイアウト、およびドラフトと送信ごとに表示される列または詳細を制御します。
  • データソース — コンポーネントがドラフトと送信をリストするフォームまたはフォームデータソースを指定します。
  • アクション — ドラフトを開く、編集する、削除する、送信を表示するなどのアクションを有効または制限します。

これらのプロパティを設定すると、ドラフトと送信 コンポーネントによって、公開済みサイトページで期待される動作に一致する、関連するドラフトと完了済みの送信が各認証済みユーザーに表示されます。

ドラフトと送信コンポーネントのプロパティの設定

ドラフトと送信 コンポーネントのプロパティを設定できます。

  1. 「ドラフトと送信」コンポーネントを選択します。

  2. 設定アイコン ​ をクリックすると、ダイアログボックスが表示されます。

  3. ドラフトと送信 ダイアログで、次の項目を指定します。

    • タイトル: サイトページ内のコンポーネントを識別します。 デフォルトでは、指定されたタイトルはコンポーネントの上部に表示され、ユーザーが目的とコンテンツをすぐに認識するのに役立ちます。

    • タイプを選択: コンポーネントに​ ドラフトフォーム ​または​ 送信されたフォーム ​が一覧表示されるかどうかを指定します。これにより、ユーザーがアクセスする必要があるワークフローステージに合わせて表示をカスタマイズできます。

      ​ ドラフトと送信コンポーネントのプロパティ ​

      • 「ドラフトForms」を選択すると、コンポーネントにはドラフトとして保存されたすべてのフォームが表示され、ユーザーは未完成の作業に素早くアクセスして、戻って終了できます。
      • 送信済みForms​を選択すると、コンポーネントには、ログインしたユーザーが送信したフォームが表示され、完了した送信の明確な記録が提供されます。
    • レイアウト:選択したドラフトフォームまたは送信されたフォームの表示方法を、カード​形式または​ リスト ​形式で制御します。 カード形式ではエントリを視覚的なタイルとして配置し、リスト形式ではエントリを密集したフォームコレクションに適したコンパクトで連続性のある配置にします。

ドラフトとして保存するフォームの設定

アダプティブ Formsでは、進行中のフォームデータをドラフトとして保存するための​ 2つのコンフィギュレーションメソッド ​をサポートしています。これにより、ユーザーはエントリを保持し、後でコンフィギュレーションを再開できます。 フォームをドラフトとして保存すると、ユーザーが既に入力したデータがキャプチャされるため、部分的に完了したフォームが失われることはなく、フォームの放棄が軽減され、セッションが中断されたときにデータが失われるのを防ぐことができます。 これは、長いフォームや複雑なフォームでは特に価値があり、ユーザーは1つのシートであらゆるフィールドを完了することができないことがよくあります。

次のいずれかの方法を使用して、ドラフトとして保存するようにアダプティブ Formsを設定します。

  • User action — ユーザーが保存ボタンを選択するなど、明示的に保存をトリガーすると、フォームがドラフトとして保存されます。 これにより、ユーザーは進捗状況を直接管理できます。
  • 自動保存 — ユーザーが保存を開始することなく、フォームが自動的にドラフトとして保存されます。 データはバックグラウンドでキャプチャされるため、ユーザーが手動で保存を忘れた場合でも、自動保存は予期しないデータ損失から保護されます。

どちらの方法もドラフトを保存するため、ユーザーは後でフォームに戻って中断した場所から続行でき、よりスムーズで信頼性の高いフォーム入力体験を実現できます。

ユーザーアクション

NOTE
フォームを保存 ルールを使用してフォームをドラフトとして保存するには、​ コアコンポーネントバージョンが​3.0.24以降に設定されていることを確認します。 以前のリリースではドラフト保存機能がサポートされていないため、このバージョンの前提条件は必須です。

フォームをドラフトとして保存するには、ボタンなどのフォームコンポーネントに​フォームを保存 ルールを作成します。 フォームを保存 ルールは、アダプティブフォームの現在の状態をキャプチャし、ドラフトとして保存するルールエディターアクションです。これにより、ユーザーは入力されたデータを失うことなく、後でフォームの入力を再開できます。 ボタンをクリックすると、ルールがトリガーされ、その結果、フォームがドラフトとして保存されます。 次の手順を実行して、ボタンコンポーネントに​フォームを保存 ルールを作成します。

ボタンにフォームの保存ルールを作成する手順

  1. アダプティブフォームを編集モードで開きます。

  2. 「ルールを編集」アイコンを選択して、ボタン コンポーネントのルールエディターを開きます。

  3. 「作成」を選択して、ボタンのルールを設定および作成します。

    ​ ボタンのルールを作成

  4. When セクションで「is click」を選択し、Then セクションで「フォームを保存」オプションを選択します。

  5. 「完了」を選択し、ルールを保存します。

アダプティブフォームをプレビューして入力し、「フォームを保存」ボタンをクリックすると、フォームはドラフトとして保存されます。 ドラフトとして保存すると、ユーザーの進行状況が保持されるため、フォームを後で再度開いて完了することができ、長い送信中にデータが失われるリスクを減らすことができます。

ドラフト

NOTE
自動保存機能を使用してフォームをドラフトとして保存するには、コアコンポーネントバージョン 3.0.52以降がインストールされていることを確認してください。これにより、セッション中にユーザーが入力したデータが失われるのを防ぐことができます。

アダプティブフォームを設定して、時間ベースのイベントに基づいて自動的に保存することもできます。 これにより、指定された期間後にフォームが自動的に保存され、進行中のデータが手作業の介入なしに保存されます。 環境でForms Portal コンポーネントを有効にすると、自動保存 タブがForms コンテナプロパティに表示されます。

自動保存機能を設定することで、エンドユーザーは保存されたドラフトから不完全なフォームを再開でき、放棄やデータの再入力を減らすことができます。 アダプティブフォームの自動保存機能を設定するには:

  1. オーサーインスタンスで、アダプティブフォームを編集モードで開きます。

  2. コンテンツブラウザーを開き、アダプティブフォームの​ ガイドコンテナ ​コンポーネントを選択します。

  3. ガイドコンテナのプロパティ ​ ガイドのプロパティ ​ アイコンをクリックし、ドラフト タブを開きます。

    自動保存

  4. 「ドラフトを自動保存」チェックボックスを選択して、フォームをドラフトとして自動保存できるようにします。 これにより、部分的に完了したフォームが保持されるように、定期的なドラフトの保存が有効になります。

  5. 環境設定を保存​として​ ドラフトを一定間隔で保存 ​し、特定の間隔が経過した後にフォームを自動保存します。

  6. 保存間隔の頻度(秒)​で時間間隔を指定して、定義された間隔でフォームの自動保存をトリガーする期間を設定します。

  7. 「完了」をクリックします。

ドラフトと送信コンポーネントを使用して、Sites ページでドラフト/送信されたフォームを表示する

ドラフトと送信 Forms ポータル コンポーネントは、保存されたドラフトフォームと送信されたフォームの両方を​ サイトページ ​に直接表示します。 保存されたドラフトを表示したり、送信されたフォームを確認したりする必要がある場合は、このコンポーネントを使用します。 コンポーネントの動作は、ドラフトと送信コンポーネント 🔗の設定ダイアログで​ タイプを選択 ​するために選択した値によって異なります。

ドラフトフォームの表示

ドラフトと送信コンポーネント 🔗の設定ダイアログで「タイプを選択」が​ ドラフトForms ​に設定されている場合、ドラフトとして保存されたすべてのフォームが​ サイトページ ​に表示されます。 ドラフトフォームは編集可能なままなので、いつでも戻って記入することができます。

下書きアイコン

ドラフトを開いて完成させるには:

  1. 保存された下書きを​ サイトページ ​で探します。
  2. 省略記号(。…)​をクリックします 関連付けられます。
  3. オプションを選択してドラフトを開き、フォームに入力します。

送信されたフォームを表示

ドラフトと送信コンポーネント 🔗の設定ダイアログで「タイプを選択」が​ 送信されたForms ​に設定されている場合、送信されたフォームは​ サイトページ ​に表示されます。 送信されたフォームは​ 表示専用 ​です。送信は最終処理されたレコードを表すため、表示することはできますが、編集することはできません。 下書きフォームは、入力するまで編集可能な状態が維持されますが、送信されたフォームは、送信時に取り込まれたデータを正確に保持します。

送信アイコン

フォームを破棄

省略記号(。…)​をクリックすると、フォームを破棄できます 右下隅に表示されます。 このアクションは、ドラフトと送信コンポーネントで表示されるフォームで使用でき、不要になったエントリを削除できます。

次の手順

FormsをAdobe Experience Manager(AEM) Sites ページにリンクする

次の記事では、​ リンク Forms ポータル コンポーネント ​を使用して、Sites ページ上のフォームに参照を追加する方法について説明します。 このステップでは、作成したフォームをオーディエンスが訪問したweb ページに直接接続し、フォームがオーディエンスの記入を必要とする場所に表示されるようにします。

Link Forms ポータル コンポーネント​は、Adobe Experience Manager(AEM)のSites ページ内にフォームを埋め込んで参照し、作成者がフォームを再作成せずにライブページに配置できるようにします。 コンポーネントは既存のフォームを複製するのではなく参照するため、ソースフォームに加えられた更新は、それを参照するすべてのページに自動的に反映され、サイト全体でコンテンツの一貫性を維持します。

フォームをサイトページにリンクすることは、インタラクティブなエクスペリエンスを提供するための基本的なステップであり、通常、次のような結果をサポートします。

  • 効率的なデータ収集 – 訪問者は、閲覧中のページから直接情報を送信し、リダイレクトによる脱落を減らします。
  • 一貫したブランディングとレイアウト — フォームは周囲のページデザインを継承するため、サイトの他の部分と一致します。
  • 一元化されたフォーム管理 – 単一のフォームを複数のページで参照できるため、編集は1回行われ、あらゆる場所に反映されます。

この次のタスクを完了すると、フォームのオーサリングレイヤーと公開されたサイトページとの接続が確立され、エンドユーザーがコンテキストに沿ってフォームを検索して操作できるようになります。

関連記事

関連トピック see-also

recommendation-more-help
experience-manager-cloud-service-help-main-toc