コンポーネントライブラリの解説

コンポーネントは、ヒーロー画像やタスクカードのような、ウィジェットやマイクロサイトを構成する個々の構成要素です。現在のテンプレートはすべて、Mint と Bedrock のコンポーネントライブラリによって提供されています。

Mint コンポーネント

Mint コンポーネントで作成されたウィジェットとマイクロサイトは、カスタマーアドボケートに最新の Advocate 体験を提供します。現在のテンプレートのほとんどは Mint コンポーネントを使用しています。現在のコンポーネントライブラリを使用しているかどうか不明な場合は、手動で確認して、必要に応じてライブラリを更新できます。

あなたの〜を Mint コンポーネントにアップグレードするには プログラムウィジェット:

1. 左側のナビゲーションメニューで、〜を選択します [Engage] → コンテンツ.
2. 選択 ウィジェットを編集 〜の ウィジェット カード。
3. 編集したいウィジェット名を選択します。
4. 左側のサイドバーメニューで、〜を選択します パッケージ.
5. 選択 パッケージを追加.
6. 選択 追加 〜の Mint コンポーネント カード。

あなたの〜を Mint コンポーネントにアップグレードするには マイクロサイト:

1. 左側のナビゲーションメニューで、〜を選択します [Engage] → コンテンツ。
2. 次を選択します: 設定を編集 のボタンを マイクロサイト カード。
3. 以下の サイトホスティング 見出しで、〜に移動します パッケージ セクション。
4. 選択 パッケージを追加.
5. 選択 追加 〜の Mint コンポーネント カード。
6. 選択 保存.

Bedrock コンポーネント

Mint コンポーネントによって提供されるすべてのテンプレートには、Bedrock コンポーネントパッケージもインストールされています。Bedrock コンポーネントは参加者には表示されませんが、デザインに高度なロジックを追加する機能を提供します。他のコンポーネントを条件付きで表示したり、コンポーネントがどのプログラムからデータを取得するかを定義したりできます。Bedrock コンポーネントパッケージは、〜で見つけられます 詳細コンポーネント 〜内のセクション 追加 ウィジェットまたはマイクロサイトエディターのタブで。

Bedrock コンポーネントパッケージには 2 つのコンポーネントがあります:

条件付きセクション

その 条件付きセクション コンポーネントを使用すると、参加者のメール、国、セグメント、またはカスタムフィールドに基づく条件付きコンテンツを含めることができます。JSONata 式を〜に挿入します 条件 ボックスに入力して表示条件を設定します。次に、特定の参加者グループに表示したいコンテンツを、条件付きセクション内に移動します。

プログラムセクション

その プログラムセクション コンポーネントを使用すると、子コンポーネントのプログラム ID を上書きできます。特定のプログラムに紐づかないコンテンツを表示するために使用します。〜 プログラムセクション コンポーネントは、ほとんどのウィジェットおよびマイクロサイトテンプレートに既定で含まれています。

カスタムコンポーネントライブラリ

独自のコンポーネントパッケージを作成して使用することで、Advocate 体験をさらにカスタマイズできます。これらのコンポーネントは任意のテンプレートに追加でき、Advocate 提供のコンポーネントと併用できます。

Advocate のウィジェットは標準の HTML と Web コンポーネントを使用します 。ウィジェットエディターで独自のコンポーネントを使用するには、Web コンポーネントとして記述されている必要があります。

カスタムコンポーネントでウィジェットの構築を始めるには、カスタムパッケージをインストールします:

1. 左側のナビゲーションメニューで、〜を選択します [Engage] → コンテンツ.
2. 選択 ウィジェットを編集 ウィジェットカードで。
3. 編集したいウィジェット名を選択します。
4. 左側のサイドバーメニューで、〜を選択します パッケージ.
5. 選択 パッケージを追加.
6. 選択 NPM から追加.
7. パッケージを入力 名前, バージョン および ファイルパス.
8. 選択 追加.