KickのチャットをOBSに表示する方法

KickのチャットをOBSに追加する方法は2つあり、たいていの配信者は両方使います。チャットドックはOBSの画面の中にチャットを表示するので、配信しながらチャットを読めます。チャットオーバーレイはシーンに置くブラウザソースなので、視聴者が配信でチャットを見られます（アーカイブやクリップにも映ります）。

ドックにはKick標準のポップアウトチャットを使います。オーバーレイには、KickBotやStreamlabsなどのツールのチャットウィジェットが必要です。どちらも数分で設定できます。

ドックとオーバーレイ、どちらを使う？

	チャットドック	チャットオーバーレイ
見える人	自分だけ（OBS内）	視聴者（配信上）
正体	OBSの画面のパネル	シーン内のブラウザソース
元になるもの	KickのポップアウトチャットのURL	チャットウィジェット（KickBot、Streamlabsなど）
入力できるか	いいえ	いいえ

OBSにKickのチャットドックを追加する

この手順は、KickのガイドHow to create a Kick chat dock in OBS（英語）をもとにしています。

1. OBSを開きます。
2. メニューバーでドック > カスタムブラウザドックをクリックします。
3. 名前を入力します（例：「Kick Chat」）。
4. ポップアウトチャットのURLを入力します：https://kick.com/popout/yourchannel/chat。yourchannelは自分のKickのユーザー名に置き換えます。
5. 適用をクリックし、閉じるをクリックします。
6. ドックをクリックし、Kick Chatを選んで表示します。OBSの画面の好きな位置にドラッグします。

Kickは、ドックの制限として次の点を挙げています。

• ドックからはログインもメッセージの送信もできません。入力したいときは、ブラウザでkick.comを開いておいてください。
• Cookieのバナーがチャットの一部を隠すことがあります。メッセージが隠れないよう、ドックの幅を広げてください。
• 「Disconnected」（切断）と表示されるのは、ログインしていないためです。新しいメッセージは表示されます。

Kickのチャットオーバーレイを配信に追加する

オーバーレイは、背景を透過させて、ゲームやカメラの上にチャットを表示します。ブラウザソースとして追加します。ここでは、無料のKickBotのチャットウィジェットでの手順を紹介します。

1. KickBotでチャットウィジェットをインストールする

1. まだの場合は、KickBotのアカウントを作成し、Kickチャンネルを接続します。
2. ウィジェットライブラリを開きます。
3. Basic Chat Widget（KickBotの公式ウィジェット）か、好きなほかのスタイルのチャットを開きます。
4. ウィジェットをインストールをクリックします。ウィジェットが保存したウィジェットに追加されます。
5. 保存したウィジェットで、ウィジェットのURLをコピーをクリックします。見た目を変えたい場合は、先に編集をクリックします。

2. OBSにブラウザソースを追加する

1. OBSでシーンを選びます。
2. ソースで**+**をクリックし、ブラウザを選びます。
3. 名前（例：「Kickチャットオーバーレイ」）を入力して、OKをクリックします。
4. ウィジェットのURLをURLに貼り付けます。
5. 幅を800、高さを600にします（Basic Chat Widgetのサイズ）。あとでレイアウトに合わせて変えてください。
6. OKをクリックします。プレビューでオーバーレイをドラッグし、大きさを変えます。

OBSのブラウザソースには、ページの背景を透過させるカスタムCSSが最初から入っているので（OBS browser source（英語））、シーンの上にはチャットのメッセージだけが表示されます。

ウィジェットのすべての設定とほかのチャットのスタイルは、チャットオーバーレイをご覧ください。OBS、Streamlabs Desktop、Meldでのブラウザソースの使い方は、OBSにブラウザソースを追加するをご覧ください。

注意

ウィジェットのURLはほかの人に教えないでください。配信やスクリーンショットに映さないでください。

Kickのチャットを配信に表示するほかの方法

• Streamlabs：Streamlabsによると、Kick配信用のチャットボックスのウィジェットがあります（Streamlabs（英語））。StreamlabsをKickで使うをご覧ください。
• Web Go Live：KickのWeb Go Liveでブラウザから配信する場合は、Chat Box（チャットボックス）ウィジェットが最初から入っています。その場合はOBSは必要ありません（Kickのヘルプセンター（英語））。

トラブルシューティング

オーバーレイに何も表示されない：Kickのチャットでテストメッセージを送り、数秒待ちます。それでも表示されない場合は、ソースを右クリックしてプロパティを選び、現在のページのキャッシュを更新をクリックします。

オーバーレイの背景が塗りつぶされている：ブラウザソースのカスタムCSS欄に、初期値の透過背景の設定が残っているか確認します。変更していた場合は、変更した部分を削除します。

チャットが切れる、または小さすぎる：ソースを引き伸ばすのではなく、ソースのプロパティで幅と高さを変えます。引き伸ばすと文字がぼやけます。

ドックにCookieのバナーが表示される：ドックでKickのポップアウトチャットを使うときの既知の制限です。ドックの幅を広げてください。

よくある質問

KickのチャットをOBSに追加するには？

チャットを読むためなら、URL https://kick.com/popout/yourchannel/chatでOBSにカスタムブラウザドックを追加します。配信にチャットを表示するなら、チャットウィジェットのURL（例：KickBotのもの）をシーンにブラウザソースとして追加します。

背景が透明なKickのチャットオーバーレイを作るには？

KickBotのチャットウィジェットなど、OBS用に作られたチャットウィジェットを使い、ブラウザソースとして追加します。OBSでは、ページの背景が最初から透過されます。

OBSからKickのチャットに入力できますか？

いいえ。Kickによると、ドックからはログインもメッセージの送信もできません。入力するには、ブラウザかスマホでkick.comを開いておいてください。