# ウィジェットライブラリ

> KickBotのウィジェットライブラリから、すぐ使えるKickのオーバーレイをインストールします。設定は保存したウィジェットで変更し、ブラウザソースのURLをOBSにコピーします。

Source: https://kickbot.com/ja/docs/widgets/widget-library

ウィジェットライブラリでは、Kick配信用のKickBotオーバーレイを入手できます。チャット、アラート、視聴者数やフォロワー数、目標、最新のサブスク登録者などがあります。ワンクリックでウィジェットをインストールし、**保存したウィジェット**で見た目を変え、専用の非公開URLをブラウザソースとしてOBSに追加します。[kickbot.com/dashboard/widget-library](https://kickbot.com/dashboard/widget-library)から開けます。

KickBotのアカウントと、接続済みのKickチャンネルが必要です。[KickBotのアカウントを作成する](https://kickbot.com/ja/docs/getting-started/create-your-account)をご覧ください。

## ライブラリにあるもの

ライブラリには、KickBotが作ったウィジェットと、ほかの配信者が作ったウィジェットがあります。公式ウィジェットには、名前の下にチェックマークと「作成者：KickBot」が表示されます。コミュニティのウィジェットには、作った配信者のKick名が表示されます。コミュニティのウィジェットは、ライブラリに載る前にすべてKickBotが審査しています。

KickBotの公式ウィジェット：

| 種類 | ウィジェット |
| --- | --- |
| チャット | Basic Chat Widget、Basic chat (Block background)、Basic chat (Box background)。[チャットオーバーレイ](https://kickbot.com/ja/docs/widgets/chat-overlay)をご覧ください。 |
| アラート | Follower Alert、Sub Alert、Gifted Sub Alert、KICKs Alert、Raid Alert。[画面アラート](https://kickbot.com/ja/docs/alerts/on-screen-alerts)をご覧ください。 |
| 通知 | All-In-One Notification、Follower Notification、Sub Notification、Sub Gift Notification、Raid Notification |
| カウンター | Viewer Count、Text Viewer Count、Text Follower Count、Text Sub Count。[視聴者数](https://kickbot.com/ja/docs/widgets/viewer-count)と[フォロワー数](https://kickbot.com/ja/docs/widgets/follower-count)をご覧ください。 |
| 目標 | Simple Follower Goal、Simple Sub Goal |
| 最近のアクティビティ | Last Sub、Text Last Subscriber、Text Last Follower。[最新のサブスク登録者](https://kickbot.com/ja/docs/widgets/last-subscriber)をご覧ください。 |

コミュニティのウィジェットには、アニメーション付きのチャット、ピン留めメッセージのオーバーレイ、エモートのエフェクト、サブアソン（subathon）タイマーなど、さらに多くのスタイルがあります。アカウントがなくても、公開ギャラリー[kickbot.com/widgets](https://kickbot.com/widgets)でライブラリを見られます。

![公式ウィジェットで絞り込んだKickBotのウィジェットライブラリ。検索ボックス、KickBotとコミュニティのフィルター、ウィジェットのタイル](https://kickbot.com/docs/images/widgets/widget-library/01-library.webp "ライブラリを検索し、作成者で絞り込めます。")

一部のKickBotオーバーレイは専用のページがあるため、ライブラリにはありません。[TTSウィジェット](https://kickbot.com/ja/docs/tts/set-up-tts)、[投げ銭アラートウィジェット](https://kickbot.com/ja/docs/tipping/tip-alerts)、[AI画像ウィジェット](https://kickbot.com/ja/docs/ai/ai-images)です。

## ウィジェットをインストールする

1. [kickbot.com/dashboard/widget-library](https://kickbot.com/dashboard/widget-library)を開きます。
2. 名前で検索するか、**KickBot**または**コミュニティ**を選んで絞り込みます。並べ替えメニューでは、インストール数、名前、日付の順に並べられます。
3. ウィジェットをクリックしてページを開きます。プレビュー画像、短い説明、**配信でのサイズ**（OBSで使う幅と高さ）が表示されます。
4. **ウィジェットをインストール**をクリックします。

![ウィジェットライブラリのText Follower Countのページ。ウィジェットをインストールボタン、プレビュー画像、配信でのサイズ](https://kickbot.com/docs/images/widgets/widget-library/02-detail.webp "各ウィジェットのページには、プレビュー、説明、OBS用のサイズが表示されます。")

インストールすると、専用の非公開URL付きで、自分だけのウィジェットのコピーが作られます。ボタンは**インストール済み**に変わり、**保存したウィジェットを開く**リンクが表示されます。同じウィジェットを別の設定でもう1つ使いたいときは、保存したウィジェットの**複製**を使います（下記参照）。

ウィジェットの作成者が新しいバージョンを公開すると、インストールしたコピーも新しいバージョンになります。設定はそのまま残ります。

## 保存したウィジェット

[保存したウィジェット](https://kickbot.com/dashboard/saved-widgets)には、インストールしたウィジェットと、[ウィジェットビルダー](https://kickbot.com/ja/docs/widgets/widget-builder)で自分で作ったウィジェットがすべて並びます。各行には、作成者、サイズ、秘密の部分を隠したURLが表示されます。検索ボックスと、**すべて**、**KickBot**、**コミュニティ**、**自分**のフィルターでウィジェットを探せます。

![KickBotの保存したウィジェット。4つのウィジェットに、それぞれ隠されたURLとURLをコピーボタン](https://kickbot.com/docs/images/widgets/widget-library/03-saved.webp "保存したウィジェット：URLをコピーするか、行をクリックして設定を変えます。")

保存したウィジェットでできること：

- **編集**：行をクリックします。ライブプレビュー、ウィジェット名、設定が入ったパネルが開きます。
- **URLをコピー**：OBS用のブラウザソースURLをコピーします。
- **OBSの設定**（**⋯**メニュー内）：URL、サイズ、OBSでの手順を表示します。
- **複製**（**⋯**メニュー内）：同じ設定のコピーを作ります。URLは新しくなり、名前に「(Copy)」が付きます。
- **削除**（**⋯**メニュー内）：ウィジェットを削除します。元に戻せず、URLも使えなくなります。

### 設定を変更する

1. 保存したウィジェットでウィジェットをクリックします。
2. 設定を変えます。上のプレビューにすぐ反映されます。プレビューは自分だけに表示されます。
3. **保存**をクリックします。

設定はウィジェットごとに違います。たとえば、テキスト、色、フォントサイズ、目標の数などです。必須の設定が空欄だと「必須の値が未入力です」と表示され、入力するまで保存できません。**デフォルトに戻す**はすべての設定をデフォルトに戻しますが、保存はしません。そのあと**保存**をクリックしてください。

**保存**をクリックすると、OBSのウィジェットが自動で新しい設定に読み込み直されます。ブラウザソースを更新する必要はありません。

**テストイベント**では、フォロー、サブスク、チャットメッセージなどの架空のイベントをプレビューに送れます。表示されるのは、そのウィジェットが使うイベントだけです。テストイベントはプレビューにだけ送られ、OBSや配信には送られません。

画像、動画、音声の設定には、アップロードボタンがあります。ファイルは25MBまでです。

## ウィジェットをOBSに追加する

1. 保存したウィジェットで、ウィジェットの**URLをコピー**をクリックします。**⋯** > **OBSの設定**を開くと、使うサイズも確認できます。
2. OBSで、シーンに**ブラウザ**ソースを追加します。
3. URLを**URL**欄に貼り付けます。
4. **幅**と**高さ**をウィジェットのサイズに合わせます（例：チャットウィジェットなら800 × 600）。
5. **OK**をクリックします。

![保存したウィジェットのOBSの設定パネル。隠されたブラウザソースURL、URLをコピーボタン、OBSでの5つの手順](https://kickbot.com/docs/images/widgets/widget-library/04-obs-setup.webp "OBSの設定には、ブラウザソースのURLとサイズが表示されます。")

同じURLは、Streamlabs Desktop、Meldなど、ブラウザソースに対応したほかの配信アプリでも使えます。サイズ、レイヤー、再読み込みについて詳しくは、[OBSにブラウザソースを追加する](https://kickbot.com/ja/docs/getting-started/add-browser-source-obs)をご覧ください。

> **Caution:** ウィジェットのURLはほかの人に教えないでください。URLを知っていれば、誰でも自分の画面にウィジェットを表示できます。URLが漏れたときは、ウィジェットを複製し（コピーには新しいURLが付きます）、新しいURLをOBSに設定してから、古いウィジェットを削除してください。

## チームメンバー

ウィジェットのインストール、変更、複製、削除には、チームメンバーに**ウィジェットの設定**権限が必要です。権限がない場合、ライブラリは見られますが、ボタンは使えません。[チーム管理](https://kickbot.com/ja/docs/account/team)をご覧ください。

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

**OBSでウィジェットが何も表示されない**：URLを最後まで貼り付けたか、幅と高さがウィジェットのサイズと合っているかを確認してください。アラートのように、イベントが起きたときだけ表示されるウィジェットもあります。編集パネルでテストイベントを送って見た目を確かめ、実際のイベントを待ってください。

**ウィジェットに古い設定が表示される**：**保存**をクリックしたか確認してください。それでもOBSに古い見た目が表示される場合は、ソースを右クリックし、**プロパティ**の**現在のページのキャッシュを更新**をクリックします。

**ウィジェットが切れる、または小さすぎる**：ブラウザソースのサイズがウィジェットと合っていません。**OBSの設定**に表示されるサイズを使い、そのあとシーンの中でマウスを使ってソースの大きさを変えてください。

## よくある質問

**KickBotのウィジェットは無料ですか？**

はい。無料プランでも、ライブラリのウィジェットをインストールできます。無料プランの上限10個は、[ウィジェットビルダー](https://kickbot.com/ja/docs/widgets/widget-builder)で自分で作るウィジェットの数です。

**同じウィジェットを2つのシーンで使えますか？**

はい。両方のシーンに、同じURLをブラウザソースとして追加します。シーンごとに設定を変えたい場合は、保存したウィジェットでウィジェットを複製し、2つ目のシーンではコピーのURLを使ってください。

**KickBotのKick用ウィジェットはStreamlabsでも使えますか？**

はい。KickBotのウィジェットはどれもWebページなので、OBS、Streamlabs Desktop、Meldなど、ブラウザソースに対応した配信アプリならどれでも使えます。

**自分でウィジェットを作って、シェアできますか？**

はい。[ウィジェットビルダー](https://kickbot.com/ja/docs/widgets/widget-builder)で作って公開します。審査のあと、ほかの配信者がライブラリからインストールできるようになります。