# Kick-Chat in OBS einbinden

> Zwei Wege zum Kick-Chat in OBS: ein Chat-Dock, damit du den Chat beim Streamen liest, und ein transparentes Chat-Overlay für deine Zuschauer im Stream.

Source: https://kickbot.com/de/guides/setup/add-kick-chat-to-obs

Es gibt zwei Wege, den Kick-Chat in OBS einzubinden, und die meisten Streamer wollen beide. Ein **Chat-Dock** zeigt den Chat im OBS-Fenster, damit du ihn beim Streamen lesen kannst. Ein **Chat-Overlay** ist eine Browser-Source in deiner Szene, damit deine Zuschauer den Chat im Stream sehen, zum Beispiel in einem VOD oder einem Clip.

Das Dock nutzt den Popout-Chat von Kick. Für das Overlay brauchst du ein Chat-Widget von einem Tool wie KickBot oder Streamlabs. Beides dauert nur ein paar Minuten.

## Dock oder Overlay?

| | Chat-Dock | Chat-Overlay |
|---|---|---|
| Wer es sieht | Nur du, in OBS | Deine Zuschauer, im Stream |
| Was es ist | Ein Panel im OBS-Fenster | Eine Browser-Source in deiner Szene |
| Woher es kommt | Die URL des Popout-Chats von Kick | Ein Chat-Widget (KickBot, Streamlabs und andere) |
| Kannst du darin schreiben | Nein | Nein |

## Ein Kick-Chat-Dock in OBS hinzufügen

Diese Schritte stammen aus dem Kick-Guide [How to create a Kick chat dock in OBS](https://help.kick.com/en/articles/7978574-how-to-create-a-kick-chat-dock-in-obs) (auf Englisch).

1. Öffne OBS.
2. Klick in der Menüleiste auf **Docks** > **Benutzerdefinierte Browser-Docks** (Custom Browser Docks).
3. Gib einen Namen ein, zum Beispiel „Kick Chat“.
4. Gib die URL deines Popout-Chats ein: `https://kick.com/popout/yourchannel/chat`. Ersetze `yourchannel` durch deinen Kick-Nutzernamen.
5. Klick auf **Übernehmen** (Apply) und dann auf **Schließen** (Close).
6. Klick auf **Docks** und wähle **Kick Chat**, um es anzuzeigen. Zieh es an die Stelle im OBS-Fenster, an der du es haben willst.

Kick nennt diese Grenzen für das Dock:

- Im Dock kannst du dich nicht anmelden und keine Nachrichten senden. Lass kick.com in einem Browser offen, wenn du schreiben willst.
- Ein Cookie-Banner kann einen Teil des Chats verdecken. Mach das Dock breiter, damit es keine Nachrichten verdeckt.
- „Disconnected“ (getrennt) heißt, dass du nicht angemeldet bist. Neue Nachrichten erscheinen trotzdem.

## Ein Kick-Chat-Overlay zu deinem Stream hinzufügen

Ein Overlay zeigt den Chat über deinem Spiel oder deiner Kamera, mit transparentem Hintergrund. Du fügst es als Quelle vom Typ **Browser** hinzu. Hier sind die Schritte mit dem kostenlosen Chat-Widget von KickBot.

### 1. Ein Chat-Widget in KickBot installieren

1. [Erstelle ein KickBot-Konto](https://kickbot.com/de/docs/getting-started/create-your-account) und verbinde deinen Kick-Kanal, falls du das noch nicht gemacht hast.
2. Öffne die [Widget-Bibliothek](https://kickbot.com/dashboard/widget-library).
3. Öffne **Basic Chat Widget** (ein offizielles Widget von KickBot) oder einen anderen Chat-Stil, der dir gefällt.
4. Klick auf **Widget installieren**. Das Widget landet unter **Gespeicherte Widgets**.
5. Klick unter [Gespeicherte Widgets](https://kickbot.com/dashboard/saved-widgets) beim Widget auf **URL kopieren**. Klick vorher auf **Bearbeiten**, wenn du das Aussehen ändern willst.

### 2. Die Browser-Source in OBS hinzufügen

1. Wähle in OBS deine Szene aus.
2. Klick unter **Quellen** (Sources) auf **+** und wähle **Browser**.
3. Gib ihr einen Namen, zum Beispiel „Kick-Chat-Overlay“, und klick auf **OK**.
4. Füge die URL des Widgets bei **URL** ein.
5. Stell **Breite** (Width) auf 800 und **Höhe** (Height) auf 600 (die Größe des Basic Chat Widget). Du kannst das später an dein Layout anpassen.
6. Klick auf **OK**. Verschieb das Overlay in der Vorschau und änder seine Größe.

Die Browser-Source in OBS hat ein Standard-CSS, das den Hintergrund der Seite transparent macht ([OBS browser source](https://obsproject.com/kb/browser-source), auf Englisch). So erscheinen nur die Chat-Nachrichten über deiner Szene.

Alle Einstellungen des Widgets und weitere Chat-Stile findest du unter [Chat-Overlay](https://kickbot.com/de/docs/widgets/chat-overlay). Hilfe zur Browser-Source in OBS, Streamlabs Desktop und Meld findest du unter [Browser-Source hinzufügen](https://kickbot.com/de/docs/getting-started/add-browser-source-obs).

> **Caution:** Halte die URL des Widgets privat. Zeig sie nicht im Stream oder auf Screenshots.

## Andere Wege, den Kick-Chat im Stream zu zeigen

- **Streamlabs.** Laut Streamlabs hat Streamlabs ein Chat-Box-Widget für Kick-Streams ([Streamlabs](https://streamlabs.com/content-hub/post/how-to-live-stream-to-kick-using-streamlabs-desktop), auf Englisch). Siehe [Streamlabs mit Kick nutzen](https://kickbot.com/de/guides/setup/streamlabs-and-kick).
- **Web Go Live.** Wenn du mit Web Go Live von Kick aus deinem Browser streamst, gibt es dort ein eingebautes Widget **Chat Box**. Dafür brauchst du kein OBS ([Kick-Hilfecenter](https://help.kick.com/en/articles/15952303-kick-studio-web-go-live), auf Englisch).

## Fehlerbehebung

**Das Overlay ist leer.** Schick eine Testnachricht in deinen Kick-Chat und warte ein paar Sekunden. Wenn nichts erscheint, klick mit der rechten Maustaste auf die Quelle, wähle **Eigenschaften** (Properties) und klick auf **Cache der aktuellen Seite aktualisieren** (Refresh cache of current page).

**Das Overlay hat einen festen Hintergrund.** Prüf, ob im Feld **Benutzerdefiniertes CSS** (Custom CSS) der Browser-Source noch der transparente Standard-Hintergrund steht. Wenn du es geändert hast, lösch deine Änderungen.

**Der Chat ist abgeschnitten oder zu klein.** Änder **Breite** und **Höhe** in den Eigenschaften der Quelle, statt die Quelle aufzuziehen. Durch das Aufziehen wird der Text unscharf.

**Das Dock zeigt ein Cookie-Banner.** Das ist eine bekannte Grenze des Popout-Chats von Kick in einem Dock. Mach das Dock breiter.

## Häufige Fragen

**Wie füge ich den Kick-Chat in OBS hinzu?**

Für einen Chat zum Lesen fügst du in OBS ein benutzerdefiniertes Browser-Dock mit der URL `https://kick.com/popout/yourchannel/chat` hinzu. Für den Chat im Stream fügst du die URL eines Chat-Widgets (zum Beispiel von KickBot) als Quelle vom Typ Browser in deine Szene ein.

**Wie bekomme ich ein transparentes Kick-Chat-Overlay?**

Nutze ein Chat-Widget, das für OBS gemacht ist, zum Beispiel das Chat-Widget von KickBot, und füge es als Quelle vom Typ Browser hinzu. OBS macht den Hintergrund der Seite standardmäßig transparent.

**Kann ich aus OBS heraus im Kick-Chat schreiben?**

Nein. Laut Kick kannst du dich im Dock nicht anmelden und keine Nachrichten senden. Lass kick.com in einem Browser oder auf deinem Handy offen, um zu schreiben.