Twitch - eine beliebte Streaming-Plattform für Spiele und Veranstaltungen, die Millionen von Zuschauern aus der ganzen Welt anzieht. Wenn Sie Ihren eigenen Stream betreiben oder Ihre Spielsitzung mit Freunden teilen möchten, kann die Installation eines Twitch-Widgets auf Ihrer Website es den Zuschauern ermöglichen, Ihre Streams zu sehen, ohne zu einer anderen Plattform wechseln zu müssen!
Die Installation des Twitch-Widgets ist kategorisiert "Technische Möglichkeiten». aber keine Sorge, Sie müssen kein Programmierer sein, um diese Aufgabe zu erledigen. In dieser detaillierten Anleitung werde ich Ihnen zeigen, wie Sie das Twitch-Widget in nur wenigen einfachen Schritten auf Ihrer Website installieren.
Bevor wir beginnen, ist es wichtig zu beachten, dass für die Installation des Twitch-Widgets ein Twitch-Konto erforderlich ist. Wenn Sie es nicht haben, müssen Sie sich registrieren und ein Konto anlegen www.twitch.tv .
Installieren des Twitch-Widgets: Schritt für Schritt Anleitung
Befolgen Sie diese Schritt-für-Schritt-Anleitung, um das Twitch-Widget auf Ihrer Website zu installieren:
- Gehen Sie zur offiziellen Twitch-Website und melden Sie sich bei Ihrem Konto an.
- Wechseln Sie zu "Widgets erstellen" oder "Creators Dashboard".
- Wählen Sie den Widget-Typ aus, den Sie auf Ihrer Website installieren möchten.
- Kopieren Sie den generierten Widget-Code.
- Öffnen Sie den Editor Ihrer Website und fügen Sie den kopierten Code in die Seite ein, auf der Sie das Widget platzieren möchten.
- Speichern Sie die Änderungen und aktualisieren Sie die Seite Ihrer Website, um das Twitch-Widget in Aktion zu sehen.
Anmeldung auf der Twitch-Plattform
Um alle Funktionen der Twitch-Plattform nutzen zu können, müssen Sie sich registrieren. Die Registrierung bei Twitch ist kostenlos und dauert nur wenige Minuten. Hier ist eine detaillierte Anleitung, wie man das macht:
| Schritt 1: | Öffnen Sie die offizielle Twitch-Website in Ihrem Browser. |
| Schritt 2: | Tippen Sie oben rechts auf dem Bildschirm auf die Schaltfläche "Anmelden". |
| Schritt 3: | Wählen Sie auf der Anmeldeseite den Link "Registrieren" aus. |
| Schritt 4: | Bitte füllen Sie alle erforderlichen Felder wie Login, Passwort, E-Mail-Adresse, Geburtsdatum usw. aus. Bitte beachten Sie, dass Ihr Login auf Ihrem Twitch-Kanal angezeigt wird. |
| Schritt 5: | Bestätigen Sie, dass die Daten korrekt ausgefüllt sind, und klicken Sie auf "Registrieren". |
| Schritt 6: | Überprüfen Sie die bei der Registrierung angegebene E-Mail-Adresse. Sie erhalten einen Bestätigungsbrief zur Registrierung. Klicken Sie auf den Link in der E-Mail, um Ihr Twitch-Konto zu aktivieren. |
| Schritt 7: | Glückwunsch! Du bist jetzt bei Twitch registriert und kannst deine Spiele streamen oder deinen Lieblings-Streamern folgen. |
Bitte beachten Sie, dass Twitch einige Regeln und Richtlinien hat, die befolgt werden müssen. Lesen Sie diese vor der Verwendung der Plattform durch.
Erstellen eines Entwicklerkontos
Um das Twitch-Widget auf Ihrer Website zu installieren, müssen Sie auf der offiziellen Website von Twitch Developers ein Entwicklerkonto erstellen.
Führen Sie dazu die folgenden Schritte aus:
- Öffnen Sie Ihren Browser und rufen Sie die offizielle Website von Twitch Developers auf unter https://dev.twitch.tv .
- Klicken Sie oben rechts auf der Seite auf die Schaltfläche "Anmelden".
- Wählen Sie aus, ob Sie sich über Ihr Twitch-Konto oder über Facebook-, Google- oder Apple-Konten registrieren möchten. Wenn Sie bereits über ein Twitch-Konto verfügen, klicken Sie auf den Button "Log In" (Anmelden) und verwenden Sie dessen Anmeldedaten.
- Füllen Sie alle erforderlichen Felder auf dem Anmeldeformular aus, einschließlich Name, E-Mail-Adresse und Passwort. Vergewissern Sie sich, dass die Daten korrekt eingegeben wurden, und klicken Sie auf die Schaltfläche "Anmelden".
- Nach erfolgreicher Registrierung werden Sie aufgefordert, Ihr Entwicklerkonto zu bestätigen, indem Sie den Anweisungen in der E-Mail folgen, die an die von Ihnen angegebene E-Mail-Adresse gesendet wird.
Herzlichen Glückwunsch, Sie haben erfolgreich ein Entwicklerkonto bei Twitch Developers erstellt! Jetzt sind Sie bereit, das Twitch-Widget auf Ihrer Website zu verwenden.
Anmerkung: Denken Sie daran, dass Sie bei der Verwendung des Twitch-Widgets auf Ihrer Website die Richtlinien und Regeln von Twitch Developers beachten müssen.
OAuth-Token erhalten
Um das Twitch-Widget zu installieren, müssen Sie ein OAuth-Token erhalten, mit dem Sie den Zugriff auf Ihr Konto autorisieren können.
Befolgen Sie diese Schritte, um das OAuth-Token zu erhalten:
- Rufen Sie die Twitch-Website auf und melden Sie sich bei Ihrem Konto an.
- Öffnen Sie die Seite mit den Kontoeinstellungen, indem Sie oben rechts auf Ihrem Bildschirm auf Ihren Namen klicken und Einstellungen auswählen.
- Wählen Sie auf der Einstellungsseite die Registerkarte Erweitert aus und scrollen Sie zum Abschnitt Entwicklung nach unten.
- Klicken Sie neben dem Abschnitt "Verbindungstoken" auf die Schaltfläche "Erstellen".
- Geben Sie den Namen der Anwendung ein, für die Sie das Token erhalten möchten, und wählen Sie die erforderlichen Berechtigungen aus. Weitere Informationen zu Zugriffsrechten finden Sie in der Twitch-Dokumentation.
- Klicken Sie auf Neu, um ein OAuth-Token zu generieren.
- Kopieren Sie das generierte Token.
Die Funktionen des Twitch-Widgets, wie die Anzeige von Abonnenten, Chats und Streams, sind nur verfügbar, wenn Sie das richtige OAuth-Token verwenden. Bewahren Sie es daher an einem sicheren und sicheren Ort auf.
Auswählen des Widget-Typs
Bevor Sie mit der Installation des Twitch-Widgets beginnen, müssen Sie den Widget-Typ bestimmen, der auf Ihrer Website oder Ihrem Blog verwendet werden soll.
Momentan gibt es drei Haupttypen von Twitch-Widgets:
Schaltfläche "Folgen"
Mit diesem Widget können Benutzer Ihren Twitch-Feed abonnieren, um Benachrichtigungen über Ihre Sendungen zu erhalten.
Player
Mit dem Twitch-Player können Sie Videos von Sendungen in Ihre Website oder Ihren Blog einbetten und einen Chat ansehen.
Liste der Sendungen
Mit diesem Widget können Sie eine Liste Ihrer neuesten Sendungen auf Ihrer Website oder Ihrem Blog anzeigen, damit Benutzer leicht auf Ihre Streams zugreifen können.
Die Auswahl des Widget-Typs hängt von den Bedürfnissen Ihrer Website oder Ihres Blogs ab und davon, welche Informationen Sie Ihren Benutzern zur Verfügung stellen möchten. Nachdem Sie den Widget-Typ ausgewählt haben, können Sie mit dem nächsten Schritt fortfahren, das Widget für Ihren Twitch-Kanal einzurichten.
Anpassen der Widget-Einstellungen
Nachdem Sie das Twitch-Widget auf Ihrer Website oder Ihrem Blog installiert haben, können Sie dessen Einstellungen anpassen, damit es Ihren Bedürfnissen und Vorlieben entspricht. Das Twitch-Widget bietet mehrere anpassbare Optionen, mit denen Sie steuern können, wie das Widget auf einer Seite angezeigt wird.
Eine der Hauptparameter eines Widgets ist die Größe, die Sie mit den Parametern width und height festlegen können. Sie können die gewünschten Werte in Pixel oder Prozent angeben. Sie können auch die automatische Wiedergabe von Streams über die Autoplay-Option aktivieren oder deaktivieren.
Ein weiterer wichtiger Parameter ist die Liste der Kanäle, die im Widget angezeigt werden. Sie können die durch Kommas getrennten Kanalnamen mit dem Parameter channels angeben. Sie können auch die Anzeige des Widget-Titels mit dem title-Parameter anpassen. Sie können Ihren eigenen Titel angeben oder das Feld leer lassen, damit der Titel überhaupt nicht angezeigt wird.
Darüber hinaus können Sie das Design des Widgets mit den Optionen Farbe und Theme anpassen. Mit der Option color können Sie die Hintergrundfarbe und die Akzente des Widgets festlegen, und mit der Option theme können Sie eine der voreingestellten Skins auswählen. Sie können das Widget auch vollständig mit CSS-Stilen gestalten.
Denken Sie daran, die Änderungen zu speichern, nachdem Sie die Widget-Einstellungen konfiguriert haben. Danach wird das Widget gemäß den festgelegten Parametern auf Ihrer Seite angezeigt. Wenn Sie die Widget-Einstellungen in Zukunft ändern möchten, können Sie zu den Einstellungen zurückkehren und die gewünschten Änderungen vornehmen.
Widget-Code generieren
Um ein Twitch-Widget auf Ihrer Website zu installieren, müssen Sie den Widget-Code generieren. Führen Sie dazu die folgenden Schritte aus:
- Gehen Sie zur offiziellen Twitch-Website und melden Sie sich bei Ihrem Konto an.
- Gehen Sie zu Ihren Profileinstellungen und suchen Sie nach dem Abschnitt "Widgets".
- Wählen Sie im Abschnitt "Widgets" den gewünschten Widget-Typ aus. Zum Beispiel "Chat-Widget" oder "Live-Broadcast-Widget".
- Passen Sie die Widget-Einstellungen nach Ihren Wünschen an. Sie können beispielsweise ein Farbschema, Widget-Größen und andere Optionen auswählen.
- Nachdem Sie das Widget eingerichtet haben, klicken Sie auf die Schaltfläche Code generieren.
- Der Widget-Code wird generiert und auf der Seite angezeigt. Kopieren Sie diesen Code.
Nachdem Sie nun den Widget-Code generiert haben, können Sie ihn in Ihre Website einfügen. Öffnen Sie einfach die HTML-Datei Ihrer Website in einem Texteditor und fügen Sie den kopierten Widget-Code an die gewünschte Stelle auf der Seite ein.
Nachdem Sie die Änderungen gespeichert und die Webseite aktualisiert haben, sehen Sie das Twitch-Widget auf Ihrer Website. Jetzt können Sie Benutzern die Möglichkeit geben, einen Twitch-Chat oder einen Live-Stream direkt auf Ihrer Website anzuzeigen. Gute Installation des Widgets!
Einfügen von Code in eine Website
Führen Sie die folgenden Schritte aus, um das Twitch-Widget auf Ihrer Website zu installieren:
Öffnen Sie den Editor Ihrer Website oder Webseite, in die Sie das Twitch-Widget einfügen möchten.
Suchen Sie auf der Seite nach dem Ort, an dem Sie das Twitch-Widget platzieren möchten.
Kopieren Sie den folgenden Code und fügen Sie ihn in Ihre Seite ein:
Ersetzen Sie "Kanalname" im Code durch den Namen des Twitch-Kanals, den Sie auf Ihrer Seite anzeigen möchten.
Speichern Sie die Änderungen und veröffentlichen Sie Ihre Seite.
Das Twitch-Widget wird nun auf Ihrer Website angezeigt und Besucher können Live-Streams vom ausgewählten Twitch-Kanal aus ansehen.
Überprüfen, ob das Widget funktioniert
Nachdem Sie das Twitch-Widget installiert haben, müssen Sie überprüfen, ob es auf Ihrer Website oder Ihrem Blog korrekt angezeigt wird. Dazu benötigen Sie einen aktiven Stream auf Ihrem Twitch-Kanal. Befolgen Sie die nachstehenden Anweisungen, um sicherzustellen, dass das Widget ordnungsgemäß funktioniert:
1. Gehen Sie zu Ihrer Website oder Ihrem Blog, auf der das Twitch-Widget installiert ist.
2. Stellen Sie sicher, dass das Widget auf der Seite angezeigt wird. Es sollte sichtbar sein und richtig in das Design Ihrer Website passen.
3. Stellen Sie sicher, dass im Widget-Fenster der aktuelle Stream von Ihrem Twitch-Kanal angezeigt wird. Sie sollten den Titel des Streams, die Anzahl der aktuellen Zuschauer und das Bild der Streamer selbst sehen.
4. Klicken Sie im Widget-Fenster auf den Stream-Titel. Sie sollten zu einer Webseite weitergeleitet werden, die den aktuellen Stream auf der Twitch-Plattform enthält.
5. Stellen Sie sicher, dass Ihr aktiver Stream auf der Twitch-Stream-Seite angezeigt wird und der Stream korrekt wiedergegeben wird.
Wenn alle Schritte erfolgreich ausgeführt wurden, bedeutet dies, dass das Twitch-Widget ordnungsgemäß funktioniert und aktuelle Informationen zu Ihren Streams anzeigt. Wenn Sie häufig auf Twitch streamen, überprüfen Sie das Widget regelmäßig, um sicherzustellen, dass es fehlerfrei funktioniert.
