YouTube ChannelSchedule a CallSubscribe for Updates

Experience Sites 統合

概要

強力でカスタムなコンポーネントを、次のツールで作成したあと、 Avonni Dynamic Component Builder をExperience Cloudサイトのページに直接デプロイできます。これにより、標準のExperience Builderコンポーネントをはるかに超える、リッチでインタラクティブかつデータ駆動型の体験を顧客、パートナー、外部ユーザー向けに作成できます。

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

現在、ゲストユーザーはSalesforce Experience CloudサイトでDynamic Componentsにアクセスできません。これはDynamic Componentsがカスタムメタデータとして保存されており、Salesforceがゲストユーザーによるカスタムメタデータの閲覧を許可していないためです。

ゲストユーザーにDynamic Componentsへのアクセスが必要な場合は、 ご連絡ください。皆様からのフィードバックは、回避策の優先順位付けに役立ちます。

仕組み

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

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

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

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

  • Experience Cloudサイトにコンポーネントを追加する前に、まず ビルダー内でコンポーネントを保存.

  • し、テストする必要があります。 アクティベート重要なのは、必ず

をクリックすることです。有効化すると、Experience Builder内でコンポーネントを選択できるようになります。

  1. ステップ2: コンテナをExperience Cloudページに追加する 自分のExperience Cloudサイトに移動して、.

  2. Experience Builder

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

  4. パネル（通常は左側）を開きます。 "Avonni Dynamic Component" 次に、

という名前のコンポーネントを見つけます（「カスタム」セクションの下にある場合があります）そしてページ上の目的の場所にドラッグします。

ステップ3: コンテナのプロパティを構成する

  • ページに配置した「Avonni Dynamic Component」コンテナを選択します。右側のプロパティエディタが表示され、以下の主要設定が表示されます： コンポーネント名： このドロップダウンリストにはすべての 有効化された

  • レコード ID: Avonni Dynamic Componentsが表示されます。このコンテナに表示する特定のコンポーネントを選択してください。リストに表示されない場合は、ビルダーに戻って有効化されていることを確認してください。 これは、サイト内の レコード詳細ページ （例：ケース詳細やカスタムオブジェクトのページ）でコンポーネントをコンテキスト対応にするために不可欠です。このフィールドに {!recordId} を入力すると、表示中の現在のレコードのIDが自動的にコンポーネントに渡されます。コンポーネントはこのIDを（$Component.recordId

  • を介して）使用して、正しいデータを取得および表示できます。 オブジェクト名： 同様に、レコードページやオブジェクトページでは、{!objectApiName}

を入力することでオブジェクトのAPI名をコンポーネントに渡せます。これにより、コンポーネントが動作しているページに関する追加のコンテキストが提供されます。

Experience CloudでのAvonniのオプションを理解する

  • Experience CloudでAvonniコンポーネントを使用する方法は2つあり、それぞれ異なるニーズに合わせて設計されていることを知っておくと便利です： Avonni Dynamic Components（本ガイド）： 複雑でカスタムの複数パートから成るソリューションを構築する必要がある場合には、このアプローチを使用してください。フィルタ可能なデータテーブルを備えたカード、カンバンボード、マルチステッププロセス、メトリクスダッシュボードなど、高度でインタラクティブなユースケースを作成し、そのカスタムソリューション全体をサイトページに配置するのに最適です。

  • Experienceサイト向けの事前構築されたAvonniコンポーネント: 別パッケージでは、Experience Builderで直接使用できるシンプルなマップ、ギャラリー、画像リストなど、40以上の個別の事前構築コンポーネントのライブラリを提供しています。これは、ページに既製の要素を素早く追加したいという、よりシンプルで直接的なニーズに最適です。

同じサイトで両方のソリューションを併用できます。単純な作業には事前構築コンポーネントを使用し、より高度でカスタムな体験には強力なDynamic Componentコンテナを使用してください。

最終更新

役に立ちましたか？