> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-feed.md).

# 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 で、必要な権限が正しく設定されていること。
{% endhint %}

<details>

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

#### サイト種別をまたいだアクセシビリティ

* **Salesforce 標準フィード:** Aura サイトでのみ利用可能です。
* **Avonni フィード:** Aura および LWR（Lightning Web Runtime）サイトで利用できます。🌐✨

#### カスタマイズ機能

* **Salesforce 標準フィード:** 基本的なカスタマイズオプションを提供します。
* **Avonni フィード:** 表示する項目の選択や項目権限の設定など、非常に柔軟にカスタマイズできます。

<img src="/files/c2fc6eba938e520e2524d802c94d417d2a590565" alt="" data-size="original">

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

* **Avonni フィード専用:** 1ページあたりの項目数を設定でき、コンテンツの表示方法をより細かく制御できます。

#### スタイルと外観

* **Salesforce 標準フィード:** スタイルオプションは限定的です。
* **Avonni フィード:** スタイルと外観を完全にカスタマイズでき、要件に合わせた見た目と使い心地を実現できます。

<img src="/files/4e6a53dbf4d460fa401b6ccad8b9a98680b72610" alt="" data-size="original">

#### 強化されたインタラクション機能

* **Avonni フィード専用:** 項目に対して「ベストアンサー」を選択できるため、コミュニティでのやり取りが活性化します。💬🏆

#### まとめ

機能はしますが、Salesforce 標準フィードコンポーネントはカスタマイズとスタイル設定の自由度が低く、Aura サイトでしか使用できません。

一方、Avonni フィードコンポーネントは、より幅広いカスタマイズオプションと優れたスタイル柔軟性を備えています。Aura と LWR サイトに対応しているため、多様な Experience Cloud サイト要件に対してより汎用的な選択肢となります。

</details>

<figure><img src="/files/451a5fa3b858ef84c01ad6047335975c5c1613c5" alt=""><figcaption></figcaption></figure>

## Avonni フィードの設定

### フィードの種類

Avonni フィードコンポーネントの重要な機能の 1 つは、その「**`タイプ`**」属性により、管理者はコンテンツストリームをさまざまな状況やニーズに合わせて調整できます。

各タイプの概要と活用方法を以下に示します。

| Avonni フィードの種類  | 説明                                                                                                                                                                                                                                              | ユースケース                                               |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
| **マイフィード**      | 現在のユーザーに関連するアクティビティや更新をパーソナライズして表示します。                                                                                                                                                                                                          | ユーザーのネットワークからの更新を表示する、パーソナライズされたダッシュボードやホームページに最適です。 |
| **グループまたはレコード** | <p>Salesforce の特定のグループまたはレコードに関連する更新を表示します。<br><br><strong>設定</strong>：一意の Salesforce ID を次の項目に入力します。 <strong>レコード ID</strong> 属性フィールド。このフィールドは標準の <strong>レコード ID</strong>、 <strong>Chatter グループ ID</strong>、または動的な <strong>LWR 式</strong></p> | 特定のグループまたはレコードの更新を必要とするプロジェクトページやチームスペースに適しています。     |
| **トピック**        | フィードを絞り込み、特定のトピックに関連する投稿ややり取りを表示します。                                                                                                                                                                                                            | 特定のテーマに焦点を当てたページやセクションに便利です。                         |
| **ユーザープロファイル**  | 特定のユーザーのアクティビティややり取りにフォーカスしてフィードを表示します。                                                                                                                                                                                                         | 個人の貢献ややり取りを紹介するユーザープロファイルページに適しています。                 |
| **お気に入り**       | ユーザーがお気に入りにした投稿やトピックのフィードを表示します。                                                                                                                                                                                                                | ユーザーがお気に入りのコンテンツにすばやくアクセスできるセクションに最適です。              |

### 表示項目の設定

Avonni フィードコンポーネントの重要なポイントの 1 つは、その「**`表示項目`**」属性で、各フィード項目内に表示する要素をカスタマイズできます。このカスタマイズは、コミュニティのエンゲージメントややり取りのニーズに合わせてフィードを調整するうえで重要です。

<table><thead><tr><th width="218">表示項目</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="/files/2720884d671dc5004f2898529d8158f03485a4d0" alt=""><figcaption></figcaption></figure>

### 項目権限の設定

「**`項目権限`**」属性にはさまざまなオプションがあり、管理者はフィード項目を操作するユーザーの機能と制限を細かく定義できます。

これらの権限を設定する際に利用できる項目は次のとおりです。

<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="/files/c2f55de11a9fe4612e96545fd7712e0d7e8ec55b" alt=""><figcaption></figcaption></figure>

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

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

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

1. **フィルター条件:**
   * **説明:** フィードの既定のフィルター値を設定します。
   * **使用方法:** あらかじめ選択した条件に従ってフィードを自動的に表示し、ユーザーが最初に最も関連性の高い種類のコンテンツを確認できるようにします。
2. **フィルターを表示:**
   * **説明:** Avonni フィードにフィルターメニューを表示できます。
   * **使用方法:** ユーザーが対話的にコンテンツフィルターを選択・変更でき、コンテンツの発見性とエンゲージメントが高まります。
3. **フィルター:**
   * **説明:** フィード内でフィルタリングできるコンテンツの種類を指定します。
   * **含まれるオプション:**
     * 質問
     * ベストアンサー付きの質問
     * ベストアンサーのない質問
     * 未回答の質問
   * **使用方法:** この設定により、ユーザーは特定の質問に絞ってフィードを表示でき、ニーズや関心に最も関連するコンテンツを見つけて関与しやすくなります。

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

<figure><img src="/files/61043603d9f38fdc88ec5f99ae9aaa55ba374b2c" alt=""><figcaption></figcaption></figure>

### 検索

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

#### 主な検索設定

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

<figure><img src="/files/73e4d0d1c8ffd6525fa479982ea809acf504ac5f" alt=""><figcaption></figcaption></figure>

### 並べ替えオプション

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

#### 並べ替え設定の構成

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

<figure><img src="/files/d9dcd842b0d0a28624001da4bf5d5bec3433831f" 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>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-feed.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.