# 画面アラート（OBS用Kickアラート）

> KickBotの無料アラートウィジェットで、Kickのフォロー、サブスク、ギフトサブスク、KICKs、レイドのアラートをOBSの配信画面に表示します。テキスト、画像、サウンド、アニメーションも自由に設定できます。

Source: https://kickbot.com/ja/docs/alerts/on-screen-alerts

画面アラートは、フォロー、サブスク、ギフトサブスク、KICKs、レイドがあったときに配信画面に表示されるオーバーレイです。KickBotには、それぞれに対応した公式のアラートウィジェットが[ウィジェットライブラリ](https://kickbot.com/dashboard/widget-library)にあります。ウィジェットをインストールして、テキスト、画像、サウンドを変え、リンクをブラウザソースとしてOBS（またはStreamlabs Desktop、Meldなどの配信ソフト）に追加します。

Kickチャットにメッセージとしてアラートを出したい場合は、[チャットアラート](https://kickbot.com/ja/docs/alerts/chat-alerts)をご覧ください。両方を同時に使えます。投げ銭のアラートについては、[投げ銭アラート](https://kickbot.com/ja/docs/tipping/tip-alerts)をご覧ください。

## KickBotのアラートウィジェット

以下はすべてKickBotが作ったウィジェットで、ライブラリではチェックマークが付いています。必要なものをインストールしてください。

| ウィジェット | 表示する内容 | OBSでのサイズ |
| --- | --- | --- |
| **Follower Alert** | 新しいフォロー | 800 × 600 |
| **Sub Alert** | 新規サブスクと継続サブスク | 800 × 600 |
| **Gifted Sub Alert** | ギフトサブスク | 800 × 600 |
| **KICKs Alert** | KICKs | 800 × 600 |
| **Raid Alert** | 配信へのレイド | 800 × 600 |
| **All-In-One Notification** | サブスク、ギフトサブスク、フォロー、レイドを1つの小さなポップアップで表示 | 480 × 56 |
| **Follower Notification**、**Sub Notification**、**Sub Gift Notification**、**Raid Notification** | それぞれ1種類のイベントを小さなポップアップで表示 | 480 × 56 |

**Alert**のウィジェットは大きめです。画像かGIFの下にテキストが出て、サウンドとアニメーションが付きます。**Notification**のウィジェットは、アイコン付きの小さなバーで、画面の隅に置くのに向いています。

![ウィジェットライブラリで「alert」を検索した結果。KickBot製のFollower Alert、Sub Alert、Gifted Sub Alert、Raid Alert、KICKs Alert](https://kickbot.com/docs/images/alerts/on-screen-alerts/01-library.webp "ライブラリで「alert」と検索すると、アラートウィジェットが表示されます。")

## 配信にアラートを追加する

1. [ウィジェットライブラリ](https://kickbot.com/dashboard/widget-library)を開き、`alert`で検索します。
2. ウィジェットをクリックします（例：**Follower Alert**）。
3. **ウィジェットをインストール**をクリックします。KickBotが、自分用のコピーを**保存したウィジェット**に追加します。
4. [保存したウィジェット](https://kickbot.com/dashboard/saved-widgets)を開き、ウィジェットをクリックして設定を開きます。
5. 必要ならテキスト、画像、サウンドを変えて、**保存**をクリックします。
6. **ブラウザソースURL**の**URLをコピー**をクリックします。
7. OBSで**ブラウザ**ソースを追加し、URLを貼り付けて、表示されている幅と高さを設定します（大きいアラートは800と600）。

手順7の詳しいやり方は、[OBSにブラウザソースを追加する](https://kickbot.com/ja/docs/getting-started/add-browser-source-obs)をご覧ください。ウィジェットのインストールについては、[ウィジェットライブラリ](https://kickbot.com/ja/docs/widgets/widget-library)のページで詳しく説明しています。

![ウィジェットライブラリのFollower Alertのページと「ウィジェットをインストール」ボタン](https://kickbot.com/docs/images/alerts/on-screen-alerts/02-install.webp "「ウィジェットをインストール」で、OBS用の非公開リンク付きの自分用コピーが追加されます。")

> **Caution:** ブラウザソースのURLを知っている人は誰でも、アラートを表示できます。URLは誰にも教えず、配信に映さないでください。

## アラートの設定

大きいアラートウィジェット（Follower、Sub、Gifted Sub、KICKs、Raid Alert）には、共通で次の設定があります。デフォルトはFollower Alertのものです。

| 設定 | 内容 | デフォルト |
| --- | --- | --- |
| **Widget name**（ウィジェット名） | 保存したウィジェットの一覧に表示される名前。 | ウィジェットの名前 |
| **Text**（テキスト） | 画面に出るテキスト。設定の下にある変数を使えます。 | `Thanks for the follow {username}!` |
| **Image/Gif**（画像/GIF） | テキストの上の画像。ファイルをアップロードするか、リンクを貼り付けます。 | ドット絵のハートのGIF |
| **Video**（動画） | 画像の代わりに表示する動画。 | なし |
| **Audio**（音声） | アラートと一緒に再生されるサウンド。 | なし |
| **Repeat Audio**（音声を繰り返す） | アラートが表示されている間、サウンドを繰り返し再生します。 | オフ |
| **Text Color**（文字色） | テキストの色。 | `#ffffff` |
| **Highlight Color**（強調色） | 視聴者の名前など、変数の部分の色。 | `#6ce663` |
| **Font Size**（フォントサイズ） | テキストのサイズ。 | 36 |
| **Duration**（表示時間） | アラートが画面に表示される時間。 | 5 |
| **Queue Delay**（キューの間隔） | アラートが一度に複数来たとき、次のアラートまでの間隔。 | 1 |
| **Layout**（レイアウト） | **Text Below**（テキストが下）、**Text Above**（テキストが上）、**Text Centered**（テキストが中央）、**Only Text**（テキストのみ）、**Only Image**（画像のみ）。 | Text Below |
| **Animation**（アニメーション） | **Fade**（フェード）、**Spin**（回転）、**Zoom**（ズーム）、**None**（なし）。 | Fade |
| **Animation Duration**（アニメーションの長さ） | アニメーションの速さ。小さいほど速くなります。 | 1 |

![Follower Alertの設定。プレビュー、ウィジェット名、username変数入りのテキスト、画像と動画の欄](https://kickbot.com/docs/images/alerts/on-screen-alerts/03-settings.webp "変更はすぐにプレビューに表示されます。保存すると、OBSのアラートも更新されます。")

### テキストの変数

| ウィジェット | **Text**で使える変数 |
| --- | --- |
| Follower Alert | `{username}` |
| Sub Alert | `{username}`、`{months}` |
| Gifted Sub Alert | `{username}`、`{amount}`（サブスクの数） |
| KICKs Alert | `{username}`、`{amount}`（KICKsの数） |
| Raid Alert | `{username}`（レイドしてきたチャンネル）、`{viewers}`（レイドの視聴者数） |

アラートウィジェットでは、`{username}`のように波かっこを1つ使います。チャットアラートでは`{{username}}`のように2つ使います。

### ギフト、KICKs、レイドの最小値と最大値

**Gifted Sub Alert**には**Minimum Subs**（最小サブスク数）と**Maximum Subs**（最大サブスク数）があります。**KICKs Alert**には**Minimum KICKs**と**Maximum KICKs**があります。**Raid Alert**には**Minimum Viewers**（最小視聴者数）と**Maximum Viewers**（最大視聴者数）があります。アラートは、この範囲内のイベントのときだけ表示されます。空欄にすると上限・下限なしになります。

これを使うと、金額に応じてアラートを出し分けられます。たとえば、KICKs Alertを2回インストールします（または保存したウィジェットで**複製**を使います）。1つは1〜99 KICKsにして小さなGIFを、もう1つは100 KICKs以上にして大きな動画とサウンドを設定します。両方をOBSに追加します。

### All-In-One Notificationの設定

All-In-One Notificationには別の設定があります：**Popup Time**（各ポップアップの表示時間）、**Queue Popup Delay**（キューのポップアップ間隔）、**Queue Processing Delay**（キューの処理間隔）、**Transition Direction**（Top、Bottom、Left、Rightから選ぶトランジションの方向）、**Transition Type**（GlideかFadeを選ぶトランジションの種類）、**Transition Duration**（トランジションの長さ）、**Icon Background Color**（アイコンの背景色）、**Icon Color**（アイコンの色）、**Widget Background Color**（ウィジェットの背景色）、**Text Color**（文字色）。

## アラートをテストする

保存したウィジェットでウィジェットを開きます。**テストイベント**でイベントをクリックします（例：**フォロー**）。パネル上部の**プレビュー**でアラートが再生されます。

テストイベントは、このプレビューにだけ表示されます。OBSには送られないので、視聴者には見えません。

![フォローのテストイベント後のFollower Alertパネル。プレビューにアラート、その下にブラウザソースのURL](https://kickbot.com/docs/images/alerts/on-screen-alerts/04-test-obs.webp "テストのアラートはプレビューにだけ表示されます。OBS用のURLはその下にあります。")

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

- **OBSに何も表示されない。** このウィジェットのURLをコピーしたか、ブラウザソースのサイズがウィジェットに表示されているサイズ（例：800 × 600）と同じか確認してください。OBSでブラウザソースのプロパティを開き、**現在のページのキャッシュを更新**をクリックします。
- **変更がOBSに反映されない。** ウィジェットの設定で**保存**をクリックしてください。保存すると、OBSのウィジェットが読み込み直されます。
- **音が出ない。** **Audio**にファイルを追加してください。OBSで、ブラウザソースがミュートになっていないか確認します。音が違う出力に流れる場合は、ブラウザソースのプロパティで**OBSで音声を制御する**（Control audio via OBS）をオンにします。
- **ギフトやレイドのアラートが出ない。** Gifted Sub Alert、KICKs Alert、Raid Alertの**Minimum**と**Maximum**を確認してください。
- **プレビューでは動くのに、実際のアラートが出ない。** [アカウント設定](https://kickbot.com/ja/docs/account/settings)で、Kickチャンネルの接続が切れていないか確認してください。

## よくある質問

**Kickでアラートを出すには？**

配信画面のKickアラートは、配信ソフトのオーバーレイで表示します。KickBotでは、ウィジェットライブラリからFollower Alertなどのアラートウィジェットをインストールし、URLをコピーして、ブラウザソースとしてOBSに追加します。ほかのツールも含めた全体の流れは、ガイド[OBSでKickのアラートを設定する](https://kickbot.com/ja/guides/setup/kick-alerts-obs)をご覧ください。

**KickBotのアラートは無料ですか？**

はい。公式のアラートウィジェットは無料でインストールして使えます。

**自分のGIFやサウンドを使えますか？**

はい。アラートの設定で、**Image/Gif**、**Video**、**Audio**にファイルをアップロードするか、リンクを貼り付けます。

**画面アラートはStreamlabs DesktopやMeldでも使えますか？**

はい。ブラウザソースがある配信ソフトなら、どれでも使えます。同じURLを貼り付けてください。