フォームを公開してデータの収集を開始

Last update: Fri Jan 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
Edge Delivery Services

作成対象：

管理者
開発者

データ収集または送信のためにフォームをお客様と共有する準備が整ったら、公開するだけで、お客様がすぐにフォームを使用できるようになります。

ドキュメントベースのオーサリングエコシステム

前提条件

AEM Forms ボイラープレートに基づく AEM プロジェクトがあるか、既存の AEM プロジェクトに Adaptive Forms ブロックを追加している
フォームは完全にテスト済みで、使用する準備が整っている
データを受け入れるようにスプレッドシートが設定されている

フォームの公開

1. スプレッドシートを公開

Microsoft SharePoint または Google Drive アカウントを開き、AEM Edge Delivery プロジェクトディレクトリに移動します。
フォームを含むスプレッドシートを開きます。例：お問い合わせフォームの Microsoft Excel ワークブック。
AEM Sidekick を使用してシートをプレビューします。

します。

プレビュー操作が正常に完了すると、スプレッドシートのコンテンツが JSON 形式に変換されます。プレビューページには、このコンテンツが構造化された表形式で表示されます。例えば、添付の画像は「お問い合わせ」フォームの内容を示しています。
AEM Sidekick を使用してシートを公開します。次の節でフォームをレンダリングするために必要となるので、パブリッシュ URL を取得します。 URL 形式は次のとおりです。
https://<branch>--<repository>--<owner>.aem.live/<form>.json
- <branch> は、GitHub リポジトリのブランチを参照します。
- <repository> は GitHub リポジトリを示します。
- <owner> は、GitHub リポジトリをホストする GitHub アカウントのユーザー名を指します。
例えば、プロジェクトのリポジトリの名前が「wefinance」で、アカウント「wkndform」の下にあり、「main」分岐とフォームを「お問い合わせ」として使用している場合、URL は次のようになります。

https://main--wefinance--wkndform.aem.live/enquiry.json
<! – （https://main–wefinance–wkndform.aem.live/enquiry.json)–>

2. Web ページにフォームを追加

Web ページに <form>.json を追加すると、顧客インタラクションが簡単になり、フォーム入力者が簡単にフォームに入力して送信できるようになります。

Web ページにフォームを追加するには、以下の手順に従います。

Microsoft SharePoint または Google Drive アカウントにアクセスし、[AEM Edge Delivery project directory] に移動します。
フォームを埋め込むドキュメントファイルを開きます。例えば、enquiry-form.docx ファイルを開くことも、新しいドキュメントを作成することもできます。
ドキュメント内でフォームを挿入するセクションを特定し、これに応じてそのセクションに移動します。
「フォーム」という名前のブロックをファイルに追加します。例えば、プロジェクトのリポジトリの名前が「wefinance」で、アカウント所有者「wkndform」の下にあり、「main」分岐を使用している場合。

フォーム
https://main--wefinance--wkndform.aem.live/enquiry.json

このブロックは、フォームが埋め込まれるプレースホルダーとして機能します。ブロックの 2 行目に、<form>.json ファイルの URL をハイパーリンクとして追加します。

IMPORTANT
URL がプレーンテキストとして表示されるのではなく、ハイパーリンクとして書式設定されていることを確認します。

開発またはテスト目的にはプレビュー URL（.page URL）を使用し、実稼動環境にはパブリッシュ URL（.live）を使用します。

例えば、プロジェクトのリポジトリの名前が「wefinance」で、アカウント所有者「wkndform」の下にあり、「main」分岐を使用している場合。

プレビュー URL およびパブリッシュ URL の例を次に示します。

プレビュー URL

フォーム
https://main--wefinance--wkndform.aem.page/enquiry.json

パブリッシュ URL

フォーム
https://main--wefinance--wkndform.aem.live/enquiry.json
AEM Sidekick を使用して web ページをプレビューします。これで、ページにフォームが表示されます。例えば、お問い合わせスプレッドシートに基づくフォームは次のとおりです。
AEM Sidekick を使用してフォームを公開します。これで、お客様はフォームに入力して送信できます。