YouTube ChannelSchedule a CallSubscribe for Updates

Experience Sites 統合

概要

構築した強力なカスタムコンポーネントは、 Avonni Dynamic Component Builder を使って、Experience Cloud サイトのページに直接デプロイできます。これにより、標準の Experience Builder コンポーネントをはるかに超える、豊富でインタラクティブ、かつデータ駆動型の体験を顧客、パートナー、外部ユーザに提供できます。

ゲストユーザのアクセスに関する注意

現時点では、Salesforce が動的コンポーネントを格納する方法であるカスタムメタデータの表示をゲストユーザに許可していないため、ゲストユーザは Salesforce Experience Cloud サイトで Dynamic Components にアクセスできません。

ゲストユーザに Dynamic Components へのアクセスが必要な場合は、 お知らせください。ご意見は回避策の優先順位付けに役立ちます。

仕組み

Experience Builder で作業する際、作成した各コンポーネントがコンポーネントパネルに個別に表示されるわけではありません。代わりに、 "Avonni Dynamic Component"という単一の汎用コンポーネントを使用します。 このコンポーネントはページ上の コンテナ

ステップバイステップガイド

として機能します。次にこのコンテナを構成して、表示したい特定の、アクティブ化された Dynamic Component を表示させます。

ステップ 1: Dynamic Component を構築して有効化する Avonni Dynamic Component Builder.

  • Experience Cloud サイトにコンポーネントを追加する前に、まず 内でコンポーネントを構築しテストする必要があります。.

  • コンポーネントが アクティブ化保存されていることを確認してください。

重要：

  1. 有効化ボタンをクリックする必要があります。 有効化により、Experience Builder 内でコンポーネントを選択できるようになります。 ステップ 2: コンテナを Experience Cloud ページに追加する.

  2. Experience Cloud サイトに移動して、

  3. Experience Builder を開きます。 コンポーネントを追加したいページへ移動します。

  4. 左側にあることが多い "Avonni Dynamic Component" コンポーネント

パネルを開きます。

「

  • という名前のコンポーネントを見つけ、（"カスタム" セクションの下にある場合があります）ページの希望する場所にドラッグします。 ステップ 3: コンテナのプロパティを構成する ページに配置した「Avonni Dynamic Component」コンテナを選択します。右側のプロパティエディタに次の主要な設定が表示されます： コンポーネント名：

  • レコードID： このドロップダウンリストには、すべての アクティブ化された Avonni Dynamic Components が表示されます。コンテナ内に表示したい特定のコンポーネントを選択してください。リストに表示されない場合はビルダーに戻り、有効化されていることを確認してください。 これは、サイト内の レコード詳細ページ （例：ケースの詳細やカスタムオブジェクトのページ）でコンポーネントをコンテキスト認識させるために不可欠です。このフィールドに{!recordId}

  • を入力すると、現在表示しているレコードの ID が自動的にコンポーネントに渡されます。コンポーネントはこの ID を（ $Component.recordId 経由で）使用して、正しいデータを取得して表示できます。オブジェクト名：

同様に、レコードページやオブジェクトページでは、

{!objectApiName}

  • を入力してオブジェクトの名前をコンポーネントに渡すことができます。これにより、コンポーネントが動作しているページに関する追加のコンテキストが提供されます。 Experience Cloud における Avonni の選択肢を理解する Experience Cloud で Avonni コンポーネントを使用する方法には目的に応じた二通りの使い方があることを知っておくと便利です：Avonni Dynamic Components（本ガイド）:

  • 複雑でカスタムのマルチパートソリューションを構築する必要がある場合は、この方法を使用してください。: カードにフィルタ可能なデータテーブルを組み込んだり、カンバンボード、マルチステッププロセス、メトリクスダッシュボードのような高度でインタラクティブなユースケースを作成し、そのカスタムソリューション全体をサイトページに配置するのに最適です。

Experience サイト向けの既成 Avonni コンポーネント

最終更新

役に立ちましたか？