Experience Sites統合

概要

Dynamic Components（動的コンポーネント）は、内部の Lightning ページと同様に Experience Cloud サイト上でも動作します。Dynamic Component Builder でコンポーネントを作成して有効化し、その後 Experience Builder を使ってサイトページに追加します。

---

Dynamic Components をサイトに追加する方法

1

コンポーネントを作成して有効化する

Component Builder で Dynamic Component を作成して保存し、[Activate] をクリックします。有効化されていないと Experience Builder に表示されません。

2

サイトページに追加する

1. Experience Builder で Experience Cloud サイトを開きます

2. コンポーネントを追加したいページに移動します

3. コンポーネントパネル（左側）で見つけます "AX - Dynamic Component" Custom セクションの下に

4. ページにドラッグします

レガシーパッケージのインストールについて

レガシーのスタンドアロン Dynamic Components パッケージをインストールした場合（代わりに Avonni Experiences Components パッケージをインストールしていない場合）、 "Avonni Dynamic Component" をコンポーネント一覧で探してください。"AX - Dynamic Component" ではありません。

3

表示するコンポーネントを選択する

ページに配置したコンポーネントを選択します。右側のプロパティパネルに次が表示されます：

コンポーネント名： ドロップダウンから表示したい Dynamic Component を選択します。コンポーネントが表示されない場合は、Component Builder で有効化されていることを確認してください。

レコード ID： レコード詳細ページ（Case の詳細やカスタムオブジェクトのページなど）では、 {!recordId} を入力して現在のレコードの ID をコンポーネントに自動的に渡します。するとコンポーネントは $Component.recordId を使用して正しいデータを表示できます。

オブジェクト名： 次を入力します {!objectApiName} を入力してオブジェクトの API 名をコンポーネントに渡し、ページに関する追加コンテキストを与えます。

Experience Cloud で Avonni を使う 2 つの方法

Dynamic Components（このガイドで扱う方法）

フィルタ可能なデータテーブル、カンバンボード、指標ダッシュボードなど、複雑でカスタムなソリューションを構築し、カスタムコンポーネント全体をサイトページに配置します。高度でインタラクティブなユースケースに最適です。

事前構築された Experience サイトコンポーネント

を使用します 40 以上の個別コンポーネントのライブラリ （マップ、ギャラリー、画像リストなど）をページに直接ドラッグできます。素早く使える既成要素が必要なシンプルなニーズに最適です。

同じサイトで両方を使用できます！単純なタスクには事前構築コンポーネントを、カスタムで複雑な体験には Dynamic Components を使用してください。