Laat bezoekers je stream bekijken vanaf je eigen website
Als je streamt, heeft je website waarschijnlijk een 'Kijk me op Twitch'-link en niet veel meer. Iemand komt op je site terwijl je live bent, leest een statische pagina en komt er nooit achter. Of ze willen zien hoe je streams zijn voordat ze je volgen, en het beste wat je kunt bieden is een uitgaande link.
Vanaf vandaag verbindt TileSet Twitch en Kick. Je site kan je nieuwste video's en clips tonen, aangeven wanneer je live bent, en de stream direct op de pagina afspelen, in de eigen speler van Twitch of Kick.
Wat je ermee kunt doen
- Toon je Twitch video's en clips. Je nieuwste eerdere uitzendingen, hoogtepunten en uploads, plus je meest bekeken clips van de afgelopen 30 dagen, nieuwste eerst. Ze staan in een raster, een carrousel, een metselwerkmuur of een bento-indeling. Met de lightbox ingeschakeld, speelt een tegel in de speler van Twitch, geluid uitgeschakeld in eerste instantie.
- Geef aan wanneer je live bent. “Turn on” (Inschakelen) de kop van de widget en een rode Live now verschijnt naast je kanaam terwijl je streamt. Eén klik speelt de stream af in de lightbox. Bezoekers die erop Ctrl, Cmd of middelste klikken, krijgen twitch.tv in een nieuw tabblad, net als bij elke link.
- Speel de stream binnen de widget af. Stel “Live stream” (Livestream) in op “Inline” en, terwijl je live bent, verschijnt er een kaart boven je tegels met de live-afbeelding, de titel van de stream, categorie en kijkersaantal. Een klik speelt de stream af in die kaart. Op een klein scherm, waar de speler van Twitch niet past, opent de klik in plaats daarvan de lightbox.
- Toon een Kick live kaart. Een Kick bron is één kaart: Live now met de titel, categorie, kijkers en live-afbeelding terwijl je streamt, of je banner met Offline en een Volgen op Kick link wanneer je niet live bent. Een klik speelt de stream af in Kick’s speler.
- Mix ze met de rest. Vanaf Starter en hoger kan een Twitch of Kick bron een widget delen met je andere bronnen, zodat een stream en je YouTube uploads op één plek kunnen staan.
TileSet wordt ook geïnstalleerd door AI-agenten. Deze prompts werken zoals ze zijn geschreven:
- “Voeg het Twitch kanaal twitch.tv/yourchannel toe aan mijn startpagina met TileSet.”
- “Turn on de header, de lightbox en de inline live stream op die Twitch widget.”
- “Voeg mijn Kick kanaal kick.com/yourchannel toe aan mijn site met TileSet.”
Voor wie dit bedoeld is
Streamers met een eigen website: een persoonlijke site, een merkwinkel, een pagina die hun links verzamelt. Ook kleine bedrijven die streamen, zoals een gamewinkel met toernachtavonden, een kookkanaal of een coach die live sessies geeft. In elk geval wil je dat mensen op je site ontdekken dat je live bent zonder je site te verlaten.
Hoe je het instelt
- Meld je aan met Google. Het gratis abonnement heeft geen kaart nodig.
- Open “Sources” (Bronnen), druk op “Add source” (Bron toevoegen) en kies Twitch of Kick. Typ de naam van het kanaal, of plak de link naar de pagina ervan. Er is niets om in te loggen op Twitch of Kick, en elk openbaar kanaal werkt.
- Bouw een widget. Voor Twitch, schakel “Header” (Koptekst) in om Live now te krijgen, en kies “Lightbox” of “Inline” onder “Live stream”.
- Kopieer het snippet naar je site. Het is één script tag en één div, en het werkt op WordPress, Shopify, Squarespace, Webflow, Wix of een pagina die je AI-tool heeft gebouwd.
Waarom je erop kunt vertrouwen
De speler laadt pas als een bezoeker klikt, nooit met de pagina, dus een widget vertraagt je site niet. Thumbnails en afbeeldingen laden rechtstreeks van Twitch en Kick, en het widgetscript plaatst geen cookies.
Controleren of je live bent is gratis. TileSet vraagt wanneer de widget wordt weergegeven, maximaal elke 2 minuten per kanaal, wat betekent dat Live now tot ongeveer 3 minuten te laat kan verschijnen of verdwijnen. Regelmatige updates van je video's en clips kosten 2 credits voor Twitch en 1 voor Kick, met de snelheid die je kiest: dagelijks op Free, tot elk uur op Starter en hoger.
Twitch en Kick staan slechts een kopie van hun inhoud voor een dag toe, dus TileSet toont nooit iets dat ouder is dan 23 uur. Daarna haalt de volgende weergave het kanaal opnieuw op zonder kosten. Op Kick gebruiken we alleen de officiële API, daarom toont een Kick bron de live status en geen eerdere uitzendingen of clips.
Een AI-agent kan een kanaal verbinden en de widget bouwen, maar ontvangt nooit de video's, clips of live details. Om te zien wat een widget toont, gebruik je de preview in je dashboard. En als een platform een slechte dag heeft, behoudt de widget wat het laatst had. Als Kick een tijdje niet bereikbaar is, behoudt de kaart de naam van het kanaal en stopt met live of offline aangeven totdat het weer kan controleren.
De volledige details staan in de documentatie voor Twitch en Kick. Als je site een content security policy instelt, vermeldt de installatiegids de player frames die je moet toestaan.
Als je streamt, probeer het dan uit op je volgende uitzending en vertel ons hoe het gaat.
Joel