# Kickの視聴者数オーバーレイ

> OBS用のKickBotウィジェットで、Kickの現在の視聴者数を配信に表示します。アイコンかテキストのスタイルを選び、色を決めて、URLをブラウザソースとして追加します。

Source: https://kickbot.com/ja/docs/widgets/viewer-count

KickBotには、Kick配信をいま見ている人数を表示する視聴者数ウィジェットが2つあります。**Viewer Count**は、アイコンと数字が入った小さなボックスです。**Text Viewer Count**は、「Viewers: 1,204」のようなテキストだけのスタイルです。ウィジェットライブラリからどちらかをインストールし、URLをブラウザソースとしてOBSに追加します。

KickBotのアカウントと、接続済みのKickチャンネルが必要です。

![KickBotウィジェットライブラリにある2つの公式視聴者数ウィジェット、Viewer CountとText Viewer Count](https://kickbot.com/docs/images/widgets/viewer-count/01-library-viewer.webp "ウィジェットライブラリで「viewer」と検索すると、両方のスタイルが見つかります。")

## 視聴者数をOBSに追加する

1. [ウィジェットライブラリ](https://kickbot.com/dashboard/widget-library)を開き、**viewer**と検索します。
2. **Viewer Count**または**Text Viewer Count**をクリックし、**ウィジェットをインストール**をクリックします。
3. [保存したウィジェット](https://kickbot.com/dashboard/saved-widgets)を開き、そのウィジェットの**URLをコピー**をクリックします。
4. OBSで**ブラウザ**ソースを追加し、URLを貼り付けます。
5. 幅と高さを設定します。**Viewer Count**は220 × 100、**Text Viewer Count**は600 × 200です。**OK**をクリックします。

## 設定

保存したウィジェットでウィジェットをクリックして設定を変えます。変更はすぐにプレビューに表示されます。**保存**をクリックすると、OBSのウィジェットが新しい見た目で読み込み直されます。

![Viewer Countの設定パネル。プレビュー、Kickを選んだIconメニュー、背景色と文字色](https://kickbot.com/docs/images/widgets/viewer-count/02-edit-settings.webp "Viewer Countの設定：アイコン、背景色、文字色。")

**Viewer Count**（220 × 100）：

| 設定 | 内容 | デフォルト |
| --- | --- | --- |
| Icon（アイコン） | 数字の横のアイコン。Kick、People、Person、Eyeから選びます。 | Kick |
| Background color（背景色） | アイコンと数字の後ろにあるボックスの色。 | 黒（#000000） |
| Text color（文字色） | 数字の色。 | 白（#ffffff） |

**Text Viewer Count**（600 × 200）：

| 設定 | 内容 | デフォルト |
| --- | --- | --- |
| Text（テキスト） | 配信に出るテキスト。`{viewers}`が視聴者数に置き換わります。 | Viewers: {viewers} |
| Text color（文字色） | テキストの色。 | 白（#ffffff） |
| Text size（文字サイズ） | テキストのサイズ（ピクセル）。 | 50 |
| Text outline（文字の縁取り） | テキストのまわりに影を付けて、読みやすくします。 | オン |

たとえば**Text**を`{viewers} watching`にすると、「120 watching」と表示されます。

配信を始める前に動きを確かめるには、**テストイベント**の**視聴者数の更新**をクリックします。プレビューにサンプルの数字が表示されます。テストイベントはOBSには送られません。

## 数字が更新されるしくみ

ウィジェットには、Kickがライブ配信について報告する視聴者数が表示されます。オフラインのときは0です。

## トラブルシューティング

**配信中なのに0と表示される**：配信を始めてから数字が出るまで、少し時間がかかることがあります。0のまま変わらない場合は、OBSでソースを右クリックし、**プロパティ**の**現在のページのキャッシュを更新**をクリックしてください。

**Kickのダッシュボードと数字が違う**：ウィジェットは、Kickより少し遅れて更新されることがあります。

**ウィジェットがぼやける、または切れる**：ブラウザソースのサイズをウィジェットのサイズ（220 × 100または600 × 200）に戻してください。文字を大きくしたいときは、**Text Viewer Count**を使い、**Text size**を大きくします。

ブラウザソースについて詳しくは、[OBSにブラウザソースを追加する](https://kickbot.com/ja/docs/getting-started/add-browser-source-obs)をご覧ください。

## よくある質問

**Kickの視聴者数を配信に表示するには？**

[KickBotのウィジェットライブラリ](https://kickbot.com/dashboard/widget-library)から**Viewer Count**または**Text Viewer Count**をインストールし、保存したウィジェットでURLをコピーして、ブラウザソースとしてOBSに追加します。

**視聴者数の横のアイコンは変えられますか？**

はい。**Viewer Count**ウィジェットで**Icon**を開き、Kick、People、Person、Eyeから選びます。そのあと**保存**をクリックします。

**2つのシーンで、色の違う視聴者数を使えますか？**

はい。保存したウィジェットで、ウィジェットの**⋯**メニューを開き、**複製**をクリックします。コピーには専用のURLと専用の設定があります。