> For the complete documentation index, see [llms.txt](https://docs.opusbooster.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.opusbooster.com/community/community-widgets/comment-area.md).

# コメントエリア

コメントウィジェットを使うと、ページ、ブログ、ファネルステップなど任意の箇所に簡単にディスカッションセクションを追加でき、メンバーがコメントやリアクションをウェブサイトプロジェクトの特定の要素に対して行えるようになります。

このウィジェットでメンバーができること：

* ページ上に直接考えやフィードバックを共有する。
* コメント、いいね、リアクションを通してコンテンツに関与する。
* コミュニティ内でインタラクティブな会話を作り、ディスカッションを促進する。

以下は、標準的なウェブサイトページでのコメントウィジェットの表示の簡単な概要です（レイアウトは直感的で使いやすいです）。

![](/files/f4af4a00b7e36f55b4b773957323d190a08fe285)

#### コメントウィジェットの名前付け

セットアップの最初のステップは、コメントウィジェットに名前を付けることです。必要に応じて複数のコメントウィジェットを作成でき、それぞれに固有の名前を付けられます。これにより次のことが可能になります：

* 同じウィジェットを複数ページで使いながら一貫性を保つ。
* セットアップ内の異なるウィジェットを簡単に識別および管理する。
* ウェブサイトのさまざまなセクション向けにコメントの構造をカスタマイズする。

まずはコメントウィジェットに名前を付けてください。認識しやすく目的に沿ったものになります。

![](/files/c42fcf0cc45c5a3ce45a4f8315c2dbfcac888849)

#### 誰がコメントできるか

オプションを選択してコメント権限を設定できます：

* 全メンバー: ログイン済みメンバー
* 管理者のみ
* 管理者およびモデレーター

コミュニティロールの割り当てについては以下を参照

{% content-ref url="/pages/5kwGHKCv6wPEK8n83JHi" %}
[コミュニティロールの割り当て](/community/community-setup/community-roles.md)
{% endcontent-ref %}

![](/files/5f7746bf253dffb8427b969f1703bacab3f2e9f3)

#### コメント承認

コメント承認はオン／オフで切り替えられます。

* 承認が必要な場合、コメントはレビューのため保留されます。
* モデレーションエリアで承認することで、適切なコンテンツのみが公開されます。
* 承認されると、そのコメントは公開され、すべてのユーザーから見えるようになります。

この機能は、質の高いエンゲージメントを確保しつつ、よく管理されたコミュニティの維持に役立ちます。

![](/files/70e8aed58e3d8973c500aa4e77f3bc55f8df20a4)

#### コメントの承認（モデレーションでの手順）

{% stepper %}
{% step %}

### モデレーションタブへ移動

コミュニティタブ内のモデレーションに移動します。
{% endstep %}

{% step %}

### 承認待ちを表示

モデレーションセクション内で「承認待ち」を選択します。
{% endstep %}

{% step %}

### コメントを確認

承認または削除が必要なコメントが一覧表示されます。
{% endstep %}

{% step %}

### 承認または削除を実行

コメントを承認して公開するか、必要に応じて削除します。
{% endstep %}
{% endstepper %}

詳しくは：

{% content-ref url="/pages/i9m47BPgYw4OTEXfFLX2" %}
[コミュニティ・モデレーション](/community/community-setup/community-moderation.md)
{% endcontent-ref %}

![](/files/3a28f571be7390f8507d75dc9680c6334d9425d5)

#### 画像の許可

画像コメントのオン／オフを切り替えられます。

* 有効にすると、メンバーはコメントに画像を添付でき、視覚的に議論を豊かにします。
* 無効にすると、コメントはテキストのみの返信に限定されます。

これにより、コメントセクションがコミュニティのニーズに合致するようにやり取り方法を制御できます。

#### メンションを許可する

メンションが有効な場合、メンバーは @記号 を使って他者をタグ付けできます。主な効果：

* メンバーをタグ付けすると、タグ付けされた人が通知を受け取ります（自動システムのメール通知は約20分後に送信されます）。
* エンゲージメントを高め、投稿や返信の中で効率的に交流できます。
* コミュニティのつながりを支援し、継続中の会話への参加を促します。

![](/files/cc9b36270b0cfd1e5b4741f296c41e9d807a3e60)

コメントでメンバーをメンションするには：

{% stepper %}
{% step %}

### コメント入力を開始

指定されたコメント欄に入力を開始します。
{% endstep %}

{% step %}

### @記号を使用

コメント内で @ を入力し、メンバー名の入力を開始します。
{% endstep %}

{% step %}

### メンバーを選択

表示されるドロップダウンリストから該当メンバーを選択します。
{% endstep %}
{% endstepper %}

![](/files/bfc96895c3672b01f991549ae2062fe18d223397)

#### コメントの表示順

コメントの表示順を制御できます：

* 昇順 — 古いコメントを先に表示（時系列を保持）。
* 降順 — 新しいコメントを先に表示（直近のディスカッションを優先）。

表示順の設定により、新しいやり取りを強調するか、時系列の読みやすさを維持するかを選択できます。

![](/files/551c43bf3dae86e22f26d87d268f215363b159ad)

以下は降順に設定した場合の例です。フィード先頭にコメント入力ボックスが配置され、メンバーがすぐにディスカッションを開始しやすくなります。

* スムーズなユーザー体験を促進します。
* メンバーは長くスクロールすることなくコメントを入力できます。
* 会話が整理されアクセスしやすくなります。

![](/files/be3f1ba76ca7404af80e7a469764e6193e956751)

#### 表示する初期コメント数

初期表示するコメント数を設定できます（メンバーがさらに読み込む前の初期表示）：

* 選択肢：3、5、10、20

これにより、クリーンで整理されたコメントセクションのレイアウトを維持できます。

#### ダークテーマ

コメントウィジェットはライト／ダークテーマを切り替えられ、ブランドの美観に合わせられます。

* ビジュアルの調和を保てます。
* 可読性に寄与します。
* サイト全体のデザインとシームレスに統合できます。

適切なテーマを選ぶことで、コメントセクションがサイトデザインを補完します。


---

# 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.opusbooster.com/community/community-widgets/comment-area.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.