Besucher Ihren Stream direkt auf Ihrer Website ansehen lassen
Wenn Sie streamen, hat Ihre Website wahrscheinlich einen „Schau mir auf Twitch zu“-Link und nicht viel mehr. Jemand landet auf Ihrer Website, während Sie live sind, liest eine statische Seite und erfährt nichts. Oder sie möchten sehen, wie Ihre Streams sind, bevor sie Ihnen folgen, und das Beste, was Sie anbieten können, ist ein Link nach draußen.
Ab heute verbindet TileSet Twitch und Kick. Ihre Website kann Ihre neuesten Videos und Clips anzeigen, mitteilen, wann Sie live sind, und den Stream direkt auf der Seite abspielen, im eigenen Player von Twitch oder Kick.
Was Sie damit machen können
- Zeigen Sie Ihre Twitch Videos und Clips. Ihre neuesten vergangenen Sendungen, Highlights und Uploads sowie Ihre meistgesehenen Clips der letzten 30 Tage, die neuesten zuerst. Sie werden in einem Raster, einem Karussell, einer Masonry Wall oder einem Bento-Layout angezeigt. Mit aktiviertem Lightbox spielt ein Kachel im Player von Twitch ab, zunächst ohne Ton.
- Zeigen Sie an, wann Sie live sind. „Turn on“ (Einschalten) Der Header des Widgets und ein rotes Live now erscheint neben Ihrem Kanalnamen, während Sie streamen. Ein Klick spielt den Stream in der Lightbox ab. Besucher, die Strg, Cmd oder die mittlere Maustaste klicken, erhalten twitch.tv in einem neuen Tab, wie bei jedem Link.
- Spielen Sie den Stream im Widget ab. Setzen Sie „Live stream“ (Live-Stream) auf „Inline“ und während Sie live sind, erscheint eine Karte über Ihren Kacheln mit dem Live-Bild, dem Titel des Streams, der Kategorie und der Zuschauerzahl. Ein Klick spielt den Stream in dieser Karte ab. Auf einem kleinen Bildschirm, wo der Player von Twitch nicht passt, öffnet der Klick stattdessen die Lightbox.
- Zeigen Sie eine Kick-Live-Karte. Eine Kick-Quelle ist eine Karte: Live now mit Titel, Kategorie, Zuschauerzahl und Live-Bild, solange Sie streamen, oder Ihr Banner mit Offline und einem Link „Auf Kick folgen“, wenn Sie nicht streamen. Ein Klick spielt den Stream im Player von Kick ab.
- Mischen Sie sie mit dem Rest. Ab Starter kann eine Twitch- oder Kick-Quelle ein Widget mit Ihren anderen Quellen teilen, sodass ein Stream und Ihre YouTube-Uploads an einem Ort stehen können.
TileSet wird auch von KI-Agenten installiert. Diese Prompts funktionieren wie geschrieben:
- „Füge den Twitch-Kanal twitch.tv/yourchannel mit TileSet zu meiner Homepage hinzu.“
- „Turn on den Header, das Lightbox-Fenster und den Inline-Livestream auf diesem Twitch-Widget.“
- „Füge meinen Kick-Kanal kick.com/yourchannel mit TileSet zu meiner Website hinzu.“
Für wen das ist
Streamer mit eigener Website: eine persönliche Seite, ein Merch-Shop, eine Seite, die ihre Links sammelt. Auch kleine Unternehmen, die streamen, etwa ein Spieleladen mit Turnierabenden, ein Kochkanal oder ein Coach mit Live-Sessions. In jedem Fall sollen Besucher Ihrer Website erfahren, dass Sie live sind, ohne sie zu verlassen.
So richten Sie es ein
- Melden Sie sich mit Google an. Der kostenlose Plan benötigt keine Karte.
- Öffnen Sie „Sources“ (Quellen), klicken Sie auf „Add source“ (Quelle hinzufügen) und wählen Sie Twitch oder Kick. Geben Sie den Namen des Kanals ein oder fügen Sie den Link zu seiner Seite ein. Auf Twitch und Kick müssen Sie sich nirgends anmelden, und jeder öffentliche Kanal funktioniert.
- Erstellen Sie ein Widget. Aktivieren Sie für Twitch die Option „Header“ (Kopfzeile), um Live now zu erhalten, und wählen Sie unter „Live stream“ entweder „Lightbox“ oder „Inline“.
- Kopieren Sie das Snippet in Ihre Website. Es besteht aus einem Script-Tag und einem Div und funktioniert in WordPress, Shopify, Squarespace, Webflow, Wix oder auf einer Seite, die Ihr KI-Tool erstellt hat.
Warum Sie ihm vertrauen können
Der Player lädt erst, wenn ein Besucher klickt, nie mit der Seite, sodass ein Widget Ihre Website nicht verlangsamt. Vorschaubilder und Bilder werden direkt von Twitch und Kick geladen, und das Widget-Skript setzt keine Cookies.
Die Prüfung, ob Sie live sind, ist kostenlos. TileSet fragt ab, wenn das Widget angezeigt wird, höchstens alle 2 Minuten pro Kanal, sodass Live now bis zu etwa 3 Minuten verspätet erscheinen oder verschwinden kann. Reguläre Updates Ihrer Videos und Clips kosten 2 Credits für Twitch und 1 für Kick, in der von Ihnen gewählten Geschwindigkeit: täglich bei Free, ab Starter bis zu stündlich.
Twitch und Kick erlauben nur eine Kopie ihrer Inhalte für einen Tag, daher zeigt TileSet nie etwas Älteres als 23 Stunden an. Danach holt die nächste Ansicht den Kanal erneut kostenlos ab. Auf Kick verwenden wir nur dessen offizielle API, weshalb eine Kick-Quelle den Live-Status und keine vergangenen Sendungen oder Clips anzeigt.
Ein KI-Agent kann einen Kanal verbinden und das Widget erstellen, aber er empfängt nie Videos, Clips oder Live-Details. Um zu sehen, was ein Widget anzeigt, verwenden Sie die Vorschau in Ihrem Dashboard. Und wenn eine Plattform einen schlechten Tag hat, behält das Widget das, was es zuletzt hatte. Wenn Kick eine Weile nicht erreichbar ist, behält die Karte den Namen des Kanals und hört auf, live oder offline zu melden, bis sie es erneut überprüfen kann.
Die vollständigen Details finden Sie in der Dokumentation für Twitch und Kick. Wenn Ihre Website eine Content-Security-Policy festlegt, listet die Installationsanleitung die Player-Frames auf, die Sie zulassen müssen.
Wenn Sie streamen, probieren Sie es bei Ihrer nächsten Übertragung aus und erzählen Sie uns, wie es läuft.
Joel