1. Sitecoreフォーム

埋め込み可能なフォームフレームワーク

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Embeddable Forms Framework(EFF)を使えば、Sitecoreアプリケーション上で動作していないページも含め、任意のウェブページにSitecoreフォームを表示できます。埋め込みフォームはページの機能やスタイルに影響を与えません。

前提条件

EFFには以下の前提条件があります:

  • レイアウトサービスと提出エンドポイントをホストするためにSitecore 10.3.0以降のものを用意します。
  • レイアウトサービスと提出エンドポイントを提供するために、Sitecore Headless Services 21.0.0以降のバージョンを用いてください。

EFFとの協力

ウェブ ページに埋め込み可能なフォームを追加するには、まずEFFスクリプトへの参照を追加し、その後Sitecoreフォーム用のウェブコンポーネントタグを追加する必要があります。

カスタムフォーム要素を埋め込み可能なフォームで表示するには、そのカスタムフォーム要素をレンダリングするクラスを作成し、その埋め込み可能なフォームを含むウェブページでそのクラスを参照する必要があります。

ツールとフレームワーク

EFFは以下のソフトウェア開発ツールとフレームワークを使用しています。

  • Lit – 宣言型テンプレートシステム、スコープスタイル、状態管理を備えたウェブコンポーネントの迅速な開発を容易にする軽量ライブラリ。
  • Tailwind CSS – 非常に再利用可能なCSSクラスの包括的なセットを備えたCSSフレームワークです。これにより、定義すべきカスタムCSSの数を最小限に抑えられます。ソースコードをスキャンし、不要なCSSクラス定義を削減することで、本番環境で使える最小限の最終CSSスタイルシートを実現できます。

アクセスのしやすさ

EFFは以下のARIA属性をサポートしています:

  • aria-live="polite" – は各体の根元に加算されます。
  • aria-relevant="additions text" – は各体の根元に加算されます。
  • aria-labelledby="-" – は各フィールドの入力要素に加算されます。

EFFはScreen Readerなどのナレーションツールと連携しています。

制限

EFFには以下のいくつかのxDB専用機能が提供されていません:

  • トリガー目標の提出アクション。
  • トリガーキャンペーン活動 アクションを提出。
  • トリガー:結果
  • パフォーマンストラッキング。
  • ロボット検知。
この記事を改善するための提案がある場合は、 お知らせください!