# AX - フィード

## 概要

**AX - フィード** は、Experience Cloud コンポーネントで、Experience Sites ページ上のアクティビティストリームに Salesforce Chatter のフィード項目（投稿、コメント、更新）を表示します。

これを使用して、コミュニティの議論、レコードの更新、グループ投稿、またはポータルユーザへのコラボレーション活動を表示できます。フィードは Salesforce 組織からのライブな Chatter コンテンツを表示し、ポータルユーザが関連する会話や更新に接続された状態を保ちます。

コミュニティのエンゲージメント領域、顧客コラボレーションスペース、パートナーのディスカッションフィード、またはポータルユーザが Chatter の会話を確認および参加する必要がある場所に最適です。

{% hint style="info" %}
次を確認してください [Chatter が有効であること](https://help.salesforce.com/s/articleView?id=sf.enable_chatter_settings.htm\&type=5) Experience Cloud Sites 上で Chatter が有効になっており、必要な権限が正しく構成されていることを確認してください。
{% endhint %}

<details>

<summary>🔀 Salesforce 標準フィードと Avonni フィードコンポーネントの違い</summary>

#### サイト種別間のアクセス性

* **Salesforce 標準フィード：** Aura サイト専用で利用可能です。&#x20;
* **Avonni フィード：** Aura および LWR（Lightning Web Runtime）サイトで利用可能です。🌐✨

#### カスタマイズの可能性

* **Salesforce 標準フィード：** 基本的なカスタマイズオプションを提供します。&#x20;
* **Avonni フィード：** 表示する項目の選択や項目ごとの権限設定を含む高度なカスタマイズが可能です。&#x20;

<img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FOMdUp7XH5xWNCJapnYOX%2F2023-12-28_13-40-22.png?alt=media&#x26;token=320aedcd-3462-415a-89f1-123c2469b4c9" alt="" data-size="original">

#### コンテンツ表示の制御

* **Avonni フィード限定：** ページごとの項目数を設定でき、コンテンツの表示方法をより細かく制御できます。&#x20;

#### スタイリングと外観

* **Salesforce 標準フィード：** スタイリングオプションは限られています。&#x20;
* **Avonni フィード：** スタイルと外観を完全にカスタマイズ可能で、見た目を調整できます。&#x20;

<img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgn7tCx4yMh2uaFGDu85w%2F2023-12-28_13-36-03.png?alt=media&#x26;token=b73f143b-64d6-44c0-934c-abc50f4f9f08" alt="" data-size="original">

#### 拡張されたインタラクション機能

* **Avonni フィード限定：** 項目に対して「ベストアンサー」を選択できる機能はコミュニティの相互作用を強化します。💬🏆

#### まとめ

機能的ではありますが、Salesforce 標準フィードコンポーネントはカスタマイズとスタイリングの面で制限があり、Aura サイトのみと互換性があります。&#x20;

これに対して Avonni フィードコンポーネントはより幅広いカスタマイズオプションと優れたスタイリング柔軟性を提供します。Aura と LWR サイトの両方に対応しており、多様な Experience Cloud サイトの要件に対してより汎用性の高い選択肢です。&#x20;

</details>

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FPFgsO5ucSJ2VVK1fYq3D%2FLinkedIn%20Screenshot.png?alt=media&#x26;token=1a051ddc-715a-4776-afee-b0e4fc03e80f" alt=""><figcaption></figcaption></figure>

## Avonni フィードの構成

### フィードの種類

Avonni フィードコンポーネントの重要な機能の一つはその「**`type`**」属性で、管理者がコンテンツストリームを異なる文脈やニーズに合わせて調整できるようにします。&#x20;

以下は各タイプの内訳とその利用方法です。

| Avonni フィードのタイプ | 説明                                                                                                                                                                                                                                                       | 使用例                                                  |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
| **マイフィード**      | 現在のユーザに関連するアクティビティや更新のパーソナライズされたフィードを表示します。                                                                                                                                                                                                              | ユーザのネットワークからの更新を表示するパーソナライズされたダッシュボードやホームページに最適です。   |
| **グループまたはレコード** | <p>Salesforce の特定のグループまたはレコードに関連する更新を表示します。 <br><br><strong>構成</strong>：一意の Salesforce ID を <strong>Record ID</strong> 属性フィールドに入力します。このフィールドは標準の <strong>Record ID</strong>、 <strong>Chatter グループ ID</strong>、または動的な <strong>LWR expression</strong></p> | を受け付けます。特定のグループやレコードの更新が必要なプロジェクトページやチームスペースに適しています。 |
| **トピック**        | 特定のトピックに関連する投稿ややり取りをフィルタして表示します。                                                                                                                                                                                                                         | 特定のテーマに焦点を当てたページやセクションに役立ちます。                        |
| **ユーザプロファイル**   | 特定のユーザの活動ややり取りに焦点を当てたフィードを表示します。                                                                                                                                                                                                                         | 個人の投稿ややり取りを表示するユーザプロファイルページに適しています。                  |
| **お気に入り**       | ユーザがマークしたお気に入りの投稿やトピックのフィードを表示します。                                                                                                                                                                                                                       | ユーザが自分のお気に入りコンテンツに素早くアクセスできるセクションに最適です。              |

### 表示項目（Items Displayed Elements）の構成

Avonni フィードコンポーネントの重要な側面は「**`Items Displayed Elements`**」属性で、各フィード項目内に表示される要素をカスタマイズできます。このカスタマイズは、コミュニティのエンゲージメントや相互作用のニーズに合わせてフィードを調整するために重要です。

<table><thead><tr><th width="218">Items Displayed Elements</th><th>選択肢</th></tr></thead><tbody><tr><td><strong>いいね</strong></td><td>各フィード項目に「いいね」オプションを表示します</td></tr><tr><td><strong>お気に入り</strong></td><td>お気に入りマーカーを表示し、ユーザが項目をお気に入りとしてマークできるようにします</td></tr><tr><td><strong>コメント</strong></td><td>各フィード項目に関連するコメントを表示します</td></tr><tr><td><strong>コメントボタン</strong></td><td>ユーザがフィード項目に新しいコメントを追加するためのボタンを含めます</td></tr><tr><td><strong>コメントのいいね</strong></td><td>ユーザがフィード内の個々のコメントに「いいね」できるようにします</td></tr></tbody></table>

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FyM3U3bOlHa7WWaAMbby4%2F2023-12-17_21-07-56.png?alt=media&#x26;token=50b517c0-7809-48c7-9eeb-0520d2fb5ab7" alt=""><figcaption></figcaption></figure>

### 項目権限の設定

「**`Items Permissions`**」属性はさまざまなオプションを提供し、管理者がフィード項目とやり取りするユーザの機能や制限を正確に定義できるようにします。&#x20;

以下はこれらの権限を構成するために利用可能な選択肢です：

<table><thead><tr><th width="214">権限タイプ</th><th>機能</th></tr></thead><tbody><tr><td><strong>編集</strong></td><td>自分のフィード項目を編集できるようにします。</td></tr><tr><td><strong>削除</strong></td><td>自分のフィード項目を削除できるようにします。</td></tr><tr><td><strong>ベストアンサー編集</strong></td><td>Q&#x26;A で「ベストアンサー」をマーク／編集します。</td></tr><tr><td><strong>お気に入り</strong></td><td>ユーザは項目をお気に入りとしてマークできます。</td></tr><tr><td><strong>いいね</strong></td><td>フィード項目に「いいね」できるようにします。</td></tr><tr><td><strong>コメント</strong></td><td>フィード項目にコメントできるようにします。</td></tr><tr><td><strong>コメント編集</strong></td><td>自分のコメントを編集できるようにします。</td></tr><tr><td><strong>コメント削除</strong></td><td>自分のコメントを削除できるようにします。</td></tr><tr><td><strong>コメントのいいね</strong></td><td>個々のコメントに「いいね」できるようにします。</td></tr></tbody></table>

### 日付オプション

Avonni フィードコンポーネントでは、日付オプションの設定により各フィード項目に表示される日付の表示方法を構成できます。この機能はフィード項目の読みやすさと文脈を高めます。この設定には standard、relative、preset、custom の 4 つの値があります。

#### 利用可能な日付表示値

1. **標準：**
   * DD/MM/YYYY や MM/DD/YYYY のような従来の形式で日付を表示します。
2. **相対：**
   * 「3 時間前」や「昨日」のように相対的に日付を表示し、より直感的な時間参照を提供します。
3. **プリセット：**
   * システムまたはコンポーネント内で定義された事前設定の日付フォーマットを利用し、構成を簡素化します。
4. **カスタム：**
   * カスタムの日付形式を定義する柔軟性を提供し、特定の表示要件やスタイルの好みに合わせて調整できます。

Avonni フィードコンポーネントの日付オプションをカスタマイズすることで、サイトのデザイン基準やユーザの好みに合わせて日付表示を調整し、Salesforce Experience Cloud サイト上で一貫性のあるユーザフレンドリーな体験を提供できます。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fu1mfTZsrPXh2yK1g6I35%2F2023-12-17_21-10-08.png?alt=media&#x26;token=f3375ddf-8600-45f3-ac60-187f19cdc10f" alt=""><figcaption></figcaption></figure>

### フィルタオプション

Avonni フィードコンポーネントのフィルタオプションは、Experience Cloud サイトのフィードに表示されるコンテンツを管理および絞り込む強力な方法を提供します。この機能により、特定の基準に基づいてより焦点を絞った関連性の高いコンテンツ表示が可能になり、ユーザ体験が向上します。

#### フィルタ設定の構成

1. **フィルタによる：**
   * **説明：** フィードのデフォルトフィルタ値を設定します。
   * **使用法：** 事前に選択された基準に従ってフィードを自動的に表示するのに役立ち、ユーザが最初に最も関連性の高いタイプのコンテンツを確認できるようにします。
2. **フィルタを表示：**
   * **説明：** Avonni フィードにフィルタメニューの表示を有効にします。
   * **使用法：** ユーザがインタラクティブにコンテンツフィルタを選択および変更できるようにし、コンテンツの発見性とユーザエンゲージメントを向上させます。
3. **フィルタ：**
   * **説明：** フィード内でフィルタ可能なコンテンツの種類を指定します。
   * **オプションには：**
     * 質問
     * ベストアンサー付きの質問
     * ベストアンサーのない質問
     * 未回答の質問
   * **使用法：** この設定により、ユーザはフィードを特定の質問に絞り込み、ニーズや関心に最も関連するコンテンツを見つけてやり取りしやすくなります。

Avonni フィードコンポーネントのフィルタオプションを利用することで、Experience Cloud サイトのユーザにとってコンテンツナビゲーション体験を大幅に改善できます。これらの設定により、フィードは整理され、関連性が高く、ユーザ中心となり、コミュニティメンバーの多様なコンテンツ発見ニーズに対応します。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FFIHYqv3pqWWV6f1N92cp%2F2023-12-17_21-13-57.png?alt=media&#x26;token=72c28800-c25d-4b51-890c-4f0dac4ea3b9" alt=""><figcaption></figcaption></figure>

### 検索エンジン

Avonni フィードコンポーネントの検索オプションは、検索機能を統合することで Experience Cloud サイトのフィード機能を強化します。この追加により、ユーザはフィード内の特定のコンテンツを迅速に見つけることができ、全体的なユーザ体験と効率が向上します。

#### 主要な検索設定

1. **検索を表示：**
   * **機能：** Avonni フィード内に検索ボックスの表示を有効にします。
   * **影響：** ユーザが特定の投稿、コメント、またはトピックを素早く検索できるようにし、コンテンツ発見プロセスを効率化します。
2. **プレースホルダ：**
   * **機能：** 検索ボックスにプレースホルダテキストを追加します。
   * **目的：** ユーザに検索例や操作指示を示して使いやすさを向上させます。
3. **位置：**
   * **機能：** Avonni フィード内で検索エンジンの位置を設定します。
   * **オプション：** レイアウトやデザインに最適な位置（例：左、右、中央、フィル）から選択します。
   * **影響：** 検索ボックスが便利でアクセスしやすい場所に配置され、ページ全体のデザインやユーザの操作フローと整合するようにします。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fyvvv2neiKyDkluFc4qki%2F2023-12-17_21-15-05.png?alt=media&#x26;token=a7880594-336f-4182-ae22-27931e381e48" alt=""><figcaption></figcaption></figure>

### ソートオプション

Avonni フィードコンポーネントのソートオプションは、Experience Cloud サイトのフィードのコンテンツ整理を向上させるよう設計されています。この機能により、ユーザは事前定義された基準に基づいてフィード項目を並べ替えて表示でき、コンテンツのアクセス性とユーザ体験が向上します。

#### ソート設定の構成

1. **並べ替え基準：**
   * **機能：** フィード項目のデフォルトの並べ替え値を設定できます。
   * **影響：** 選択した基準（例：最新、いいね数が多い、など）に従ってフィードコンテンツを自動的に整理し、ユーザが最も関連性の高いコンテンツを最初に確認できるようにします。
2. **ソートを表示：**
   * **機能：** Avonni フィードにソートメニューのドロップダウン表示を有効にします。
   * **目的：** ユーザが好みに応じてフィードコンテンツの並べ替え順を変更できる柔軟性を提供します。
   * **影響：** ユーザが表示体験をカスタマイズできるようにすることで、関連する投稿の検索やナビゲーションを容易にし、インタラクションを向上させます。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FbmLXU5r0QDqz35aC57GJ%2F2023-12-17_21-16-15.png?alt=media&#x26;token=85e36645-7ad0-4fee-ba52-93c50a84c7ff" alt=""><figcaption></figcaption></figure>

## スタイリング設定

Salesforce Experience Cloud 向けの Avonni フィードコンポーネントは、サイトの美観やブランディングに合わせてフィードの外観をカスタマイズするための幅広いスタイリング機能を提供します。Avonni フィード内の各要素は、視覚的に一貫した魅力的なユーザ体験を作成するために調整できます。

<table><thead><tr><th width="263">スタイリング項目</th><th>カスタマイズオプション</th></tr></thead><tbody><tr><td><strong>サイズ</strong></td><td>幅や高さなど全体のサイズを調整します。</td></tr><tr><td><strong>項目</strong></td><td>メインフィード項目のスタイル（背景色、フォント、パディング）を設定します。</td></tr><tr><td><strong>項目の境界線</strong></td><td>項目境界線（色、太さ、スタイル）を構成します。</td></tr><tr><td><strong>項目の日付</strong></td><td>日付のスタイル（フォントサイズ、色、形式）を設定します。</td></tr><tr><td><strong>項目のタイトル</strong></td><td>タイトルの外観（フォントサイズ、太さ、色）をカスタマイズします。</td></tr><tr><td><strong>項目のユーザ名</strong></td><td>ユーザ名表示のスタイル（フォントのカスタマイズ、色）を設定します。</td></tr><tr><td><strong>項目のコンテンツ</strong></td><td>メインコンテンツのスタイリング（テキスト色、フォント、行間）を調整します。</td></tr><tr><td><strong>コメントセクションの区切り線</strong></td><td>コメントセクションの区切り線のスタイルを設定します。</td></tr><tr><td><strong>コメントのユーザ名</strong></td><td>コメント内のユーザ名の外観をカスタマイズします。</td></tr><tr><td><strong>コメントのコンテンツ</strong></td><td>コメントテキストのスタイル（フォント、色、サイズ）を設定します。</td></tr><tr><td><strong>フッター</strong></td><td>フィードのフッターをカスタマイズします（ページネーションなどを含む場合があります）。</td></tr></tbody></table>

<br>