Forms

AEM Forms の Edge Delivery Services は、作成者が新しいフォームを迅速に更新、公開、起動できる高速開発環境を可能にする、構成可能な一連のサービスです。これらのサービスは、エンゲージメントとコンバージョンを促進する、優れた効果の高いフォームエクスペリエンスを提供します。これらのフォームエクスペリエンスは、簡単に作成および開発できます。

これらのサービスにより、次のことが可能になります。

  • 任意のツールを使用してフォームを作成: コンテンツソースを分離することでオーサリングの効率を向上させます。 標準で、ドキュメントベースのオーサリング(Microsoft SharePointまたはGoogle ドライブ)、WYSIWYG オーサリング(ユニバーサルエディター)を使用できます。 同じフォームサイトで複数のコンテンツソースを操作し、Microsoft Excel、Google Sheets、Universal Editor などの好みのオーサリングツールを使用して、お問い合わせフォーム、マーケティングフォーム、登録フォーム、ビジネスプロセスフォームなど、様々なフォームを作成できます。
  • スピード、パフォーマンス、コンバージョンの向上に最適化されたフォームの作成: リアルタイム監視(RUM)により、フォームのパフォーマンスを迅速かつ継続的に読み込み、レンダリングするフォームエクスペリエンスを提供します。 これらのフォームは、最適なコア web バイタルを提供し、読み込み時間の短縮とユーザーエクスペリエンスの最適化を実現し、フォームの完了率とコンバージョン率の向上に貢献します。
  • 開発者に適したツールセットの使用: Edge Delivery Services for AEM Formsでは、プレーン HTML、最新の CSS、バニラ JavaScriptを使用して、特別なフォームエクスペリエンスを作成し、具体的なフレームワークの急な学習曲線を避けます。 基本的な web 開発スキルを持つ開発者は、フォームコンポーネントとフォームエクスペリエンスをカスタマイズして簡単に作成できます。 パイプラインの実行を待機する必要はありません。コードを GitHub にチェックインするだけで、変更が公開されます。
  • Forms送信サービスの使用: Forms送信サービスを使用すると、スプレッドシートがEdge Delivery Servicesで管理されていない場合でも、フォーム送信を OneDrive、SharePoint、Google シートなどのスプレッドシートに直接保存できます。

注意: Edge Delivery Services サイトでフォーム関連の機能を使用するには、有効なAEM Forms ライセンスが必要です。 ライセンスの詳細については、 製品説明を参照してください。

AEM Forms の Edge Delivery Services を使用すると、web サイト上でフォームを作成する際の柔軟性を高めることができます。WYSIWYG オーサリングドキュメントベースのオーサリングを使用すると、コンテンツとフォームを作成できます。Edge Delivery Services for AEM Formsには、Edge Delivery Services サイトにフォームを追加するための アダプティブFormsブロックと呼ばれるフォームブロックが用意されています。

例えば、Microsoft Excel または Google Sheets で直接フォームを作成すると、これらのスプレッドシートが web サイト用のフォームに変換されます。新しいフォームやフォームコンテンツ(新しいフォームフィールドなど)は、再作成プロセスを必要とせずに web サイト上で即座に使用できます。

Microsoft Excel または Google Sheets(ドキュメントベースのオーサリング)でフォームを編集し、Edge Delivery Services に公開する方法を次の図に示します。また、AEM オーサリング(ユニバーサルエディター)を使用したWYSIWYGの公開方法も示します

AEM Forms の Edge Delivery Services では GitHub を利用しているので、ユーザーは自分の GitHub リポジトリから直接コードを管理およびデプロイできます。例えば、Google Sheets または Microsoft Excel でフォームを作成でき、GitHub リポジトリで CSS と JavaScript を使用してフォームのコンポーネントを開発できます。

フォームの準備が整ったら、Chrome ブラウザー拡張機能である AEM Sidekick を使用して、コンテンツの更新をプレビューおよび公開できます。

ドキュメントベースのオーサリングとWYSIWYGのオーサリングのどちらを選択するかは、ニーズに応じて異なります。基本的なフィールドと迅速なデータ接続を備えたシンプルなスプレッドシートのようなフォームには ドキュメントベースのオーサリングを使用し、複数のパネル、ビジネスロジック、データ統合、AEM ワークフローが必要な複雑なフォームには 🔗2}WYSIWYGのオーサリング } を使用します。

ドキュメントベースのオーサリングとWYSIWYG オーサリングの主な機能

ドキュメントベースのオーサリングには、基本的な機能セットが用意されています。WYSIWYG オーサリングでは、ドキュメントベースのオーサリングを超える追加機能をロック解除し、より複雑でインタラクティブなフォームを作成できます。ドキュメントベースのオーサリングと WYSIWYG オーサリングの両方の主な機能は次のとおりです。

ドキュメントベースのオーサリング機能

ドキュメントベースのオーサリングでは、Microsoft Excel やGoogle Sheets などの使い慣れたツールを使用してフォームを作成できます。 これらのフォームには、次の機能が用意されています。

  • ユーザーにわかりやすいエクスペリエンスを実現するアクセシブルなコンポーネント。
  • 一貫性のあるレンダリングを行う標準化された HTML 構造。
  • データの正確性を確保するルールと検証。
  • 追加情報を収集する添付ファイルのオプション。
  • 特定のニーズに合わせてカスタムフォームコンポーネントを作成する機能。
  • フォームデータを Microsoft Excel、Google Sheets、メールアドレスに直接送信します。
  • RUM (Real Use Monitoring)を通じてフォームのパフォーマンスを監視します。

WYSIWYG オーサリング機能

WYSIWYG オーサリングは、フォームを作成するためのWYSIWYG インターフェイス(ユニバーサルエディター)を提供し、ドキュメントベースのオーサリングのすべての機能に加えて、次のような様々な追加機能を提供します。

  • 複雑なロジックを作成する高度なルールエディター。
  • カスタム機能を実現するサーバーサイド拡張機能。
  • 簡単なフォームを作成し視覚化する WYSIWYG 編集エクスペリエンス。
  • 送信されたデータの改ざん防止アーカイブを作成するレコードのドキュメント機能。
  • スパム保護を実現する Google reCAPTCHA 統合。
  • フォーム送信時に Adobe Workfront Fusion シナリオをトリガーする Adobe Workfront Fusion との統合。
  • フォームの事前入力とデータの送信の様々なデータソースとの統合。
  • 様々なデータソースとのインタラクションとデータ構造を定義するフォームデータモデル(FDM)。
  • Microsoft SharePoint、Microsoft OneDrive、Adobe Workfront Fusion、Salesforce、Microsoft Dynamics、その他多くのデータソースへのデータ送信を含む、フォーム送信を処理する複数の送信アクションから選択する機能。

基本的に、WYSIWYG オーサリングは、ドキュメントベースのオーサリングの基盤の上に作成されており、複雑なフォームの作成および管理を行うより高度なツールキットを提供します。

GETを開始

AEM Forms用のEdge Delivery Servicesには、フォームを作成およびレンダリングできるアダプティブ Forms ブロックが用意されています。 フォームの様々なコンポーネントのスタイルを、必要に応じて設定できます。 をクリックして開始します。

AEM Edge Delivery Services Github プロジェクトを作成または設定します

フォームを作成して、AEM Edge Delivery Servicesページに追加します

ドキュメントベースのオーサリング:

WYSIWYG オーサリング:
ユニバーサルエディターを使用して、ドラッグ&ドロップでオーサリングできます。 ユニバーサルエディターはWYSIWYGのオーサリングを提供します。
メモ: フォームのWYSIWYG オーサリング機能は、早期導入プログラムで利用できます。 興味がある場合は、住所から aem-forms-ea@adobe.com に簡単なメールを送信して、機能へのアクセスをリクエストします

アダプティブFormsブロックについて詳しくは、AEM Forms Edge Delivery Servicesのドキュメントを参照してください。

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec