# OBSで投げ銭アラートを表示する

> KickBotの投げ銭をKick配信に表示します。投げ銭ウィジェットをブラウザソースとしてOBSに追加し、アニメーション、フォントサイズ、色、TTSの音量を設定します。

Source: https://kickbot.com/ja/docs/tipping/tip-alerts

投げ銭ウィジェットは、配信で投げ銭を再生するブラウザソースです。各投げ銭は視聴者が選んだボイスで読み上げられ、名前、金額、メッセージ、GIFを画面に表示することもできます。ウィジェットのリンクと設定は**投げ銭** > **ウィジェット**にあります。

このウィジェットは、アラートを表示するだけではありません。支払いを確定させる役目もあります。投げ銭が請求されるのは、ウィジェットで再生されたときだけです。OBSでウィジェットが開いていないと、投げ銭は再生されず、15分後に請求なしで期限切れになります。

![ブラウザソースのURL、「投げ銭を画面に表示」、「配信での見た目」、TTSの音量がある投げ銭ウィジェットのページ](https://kickbot.com/docs/images/tipping/tip-alerts/01-tip-widget.webp "投げ銭ウィジェットのページ")

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

1. [kickbot.com/dashboard/tipping/widget](https://kickbot.com/dashboard/tipping/widget)を開きます。または左メニューの**投げ銭**をクリックし、**ウィジェット**を開きます。
2. **ブラウザソース**のグループで、**URLをコピー**をクリックします。リンクは`https://widgets.kickbot.com/external/tipping/xxxxxxxx`のような形です。
3. OBSで**ソース**の下にある**+**をクリックし、**ブラウザ**を選びます。「KickBot投げ銭」などの名前を付けて**OK**をクリックします。
4. **URL**欄にリンクを貼り付けます。幅と高さを設定します（例：キャンバスと同じサイズ）。
5. TTSが配信に乗るよう、**OBSで音声を制御する**（Control audio via OBS）をオンにします。**OK**をクリックします。
6. 配信中に使うすべてのシーンにソースを入れます。または、ほかのすべてのシーンに入れ子で追加しているシーンに入れます。

Streamlabs DesktopとMeldの手順は[KickBotのオーバーレイをOBSに追加する](https://kickbot.com/ja/docs/getting-started/add-browser-source-obs)にあります。

> **Caution:** ウィジェットのURLは人に教えないでください。配信にも映さないでください。リンクを知っている人なら誰でも、投げ銭ウィジェットを開けてしまいます。

接続を確認するには、[投げ銭キュー](https://kickbot.com/ja/docs/tipping/tip-queue)を開きます。ブラウザソースが開いていれば**ウィジェット**に**接続済み**、開いていなければ**未起動**と表示されます。

## 設定

| 設定 | 内容 | 初期値と範囲 |
|---|---|---|
| 投げ銭を画面に表示 | 読み上げ中に名前、金額、メッセージ、GIFが表示されます。オフにすると、投げ銭は音声のみになります。 | オン |
| 配信での見た目 | アラートの見た目とライブプレビューのパネルを開きます。 | 下記を参照 |
| TTSの音量 | 投げ銭のTTSの音量です。 | 70%。0〜100%。 |

スイッチと音量はすぐに保存されます。見た目はパネルの**保存**ボタンで保存します。保存するたびにOBSで開いているウィジェットが読み込み直されるので、投げ銭の再生中には変更しないでください。

### 配信での見た目

![プレビュー、アニメーション、フォントサイズ、文字色がある「配信での見た目」パネル](https://kickbot.com/docs/images/tipping/tip-alerts/02-how-it-looks.webp "アラートをプレビューして見た目を変えます")

| 設定 | 選択肢 | 初期値 |
|---|---|---|
| アニメーション | なし、フェード、左からスライド、右からスライド、上からスライド、下からスライド | フェード |
| フォントサイズ | 24〜60 px。文字がぼやける場合は大きくします。 | 24 px |
| 文字色 | 好きな色 | 白 |
| 送り主と金額を表示 | メッセージの上に「viewer123 tipped $5」を表示します | オン |
| 背景を表示 | アラートの後ろに暗いボックスを表示します | オフ |
| 背景の不透明度 | 0〜100% | 100% |

パネルの**リプレイ**をクリックすると、アニメーションをもう一度確認できます。

## 投げ銭が再生されるしくみ

承認された投げ銭は、1つずつ再生されます。ウィジェットはアラートを表示し、TTSを再生します。そのあと、[投げ銭キュー](https://kickbot.com/ja/docs/tipping/tip-queue)で設定した**投げ銭の間隔**だけ待ってから、次の投げ銭を再生します。支払いが失敗した投げ銭はスキップされます。

支払いが完了すると、KickBotはKickチャットに「viewer123 just tipped $5.00!」のようなメッセージを投稿します。

## ウィジェットをテストする

[投げ銭ページ](https://kickbot.com/ja/docs/tipping/tip-page)で**テストモード**をオンにして、自分に投げ銭を送ります。TTS付きで本物の投げ銭と同じように再生され、誰にも請求されません。

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

**投げ銭が再生されず、キューに「ウィジェット：未起動」と表示される**：ブラウザソースが読み込まれていません。ソースが今のシーンにあるか、表示されているか、URLがウィジェットページのリンクをすべて貼り付けたものかを確認してください。OBSでソースを右クリックし、**プロパティ**の**現在のページのキャッシュを更新**をクリックします。

**投げ銭は見えるのに、音が聞こえない**：OBSでブラウザソースのプロパティを開き、**OBSで音声を制御する**をオンにします。そのあと、OBSの音声ミキサーでソースを確認し、ウィジェットページの**TTSの音量**も確認してください。

**投げ銭が期限切れになる**：15分以内に再生されなかった投げ銭は期限切れになり、視聴者には請求されません。投げ銭を受け付けている間はウィジェットを開いたままにし、手動モードの場合は時間内に承認してください。

**文字がぼやける**：**フォントサイズ**を大きくし、ブラウザソースのサイズがキャンバスと合っているか確認してください。

## よくある質問

**KickのOBSに投げ銭アラートを追加するには？**

KickBotの投げ銭 > ウィジェットでブラウザソースのURLをコピーし、そのURLでOBSにブラウザソースを追加します。投げ銭がTTSと画面アラート付きで配信に流れます。

**投げ銭を音声だけにできますか？**

はい。「投げ銭を画面に表示」をオフにします。投げ銭は読み上げられますが、画面には何も表示されません。

**お金を受け取るのに、なぜウィジェットを開いておく必要があるのですか？**

KickBotは、投げ銭が配信で再生されたときにだけ請求します。ウィジェットが開いていないと投げ銭は再生できないため、15分後に期限切れになり、視聴者には請求されません。