So zeigen Sie den Twitch-Status an und betten einen Stream in WordPress ein

Erinnern Sie sich, als Videospiele ein Nischenhobby waren? Davon kann man kaum noch behaupten. Spielen ist eine riesige Industrie und der Mainstream der Unterhaltung, daher ist es kein Wunder, dass es eine spezielle Streaming-Plattform für Leute gibt, die sich für Spiele interessieren und anderen beim Spielen und Kommentieren von Spielen zuschauen: Twitch. Twitch-Streams sind online zugänglich, aber es gibt auch Möglichkeiten, sie in WordPress zu integrieren und sogar Einbetten von Twitch-Streams in Ihre WordPress-Website.

Also, wenn Sie möchten Bieten Sie Ihren Besuchern einfachen Zugriff auf einen bestimmten Twitch-Stream, hier sind Sie richtig. Aber lassen Sie uns einen Schritt zurücktreten: Warum sollten Sie das überhaupt tun und wie können Sie es in Ihre WordPress-Website integrieren? Hier ist, worüber wir sprechen werden:

Warum einen Twitch-Stream einbetten?

In den meisten Fällen Zucken ist ein Online-Video-Streaming-Dienst wie jeder andere auch. Was es auszeichnet, ist der Fokus auf die Live-Streaming von Videospielen. Es ist heute genauso ein soziales Netzwerk wie YouTube, das Zuschauern weltweit Spielstreams und andere spielbezogene Inhalte bietet. Seit der Übernahme durch Amazon im Jahr 2014 hat Twitch in Bezug auf Zuschauer pro Monat, monatlich aktive Nutzer und Sender massiv gewachsen.

Ob es dir gefällt oder nicht, Twitch ist der führende Kanal für Videospiel-Streamer im Moment. Egal, ob Sie im Geschäft mit Videospielen tätig sind oder einfach nur ein Hobby präsentieren möchten, Sie können von der Integration Ihrer WordPress-Website und Twitch profitieren.

Ab 2016 hat Twitch Verkaufslinks zu Streams eingeführt, die es Streamern ermöglichen, ihre Kanäle durch Verkaufsprovisionen zu monetarisieren, was das Streamen von Spielen als Unternehmen effektiv vereinfacht. Das bedeutet auch, dass es jetzt gibt ein klarer kommerzieller Anreiz auch zum Linkbuilding zwischen WordPress-Websites und Twitch-Streams.

So zeigen Sie den Twitch-Status in WordPress an

Angenommen, Sie möchten Ihre Website-Besucher wissen lassen, wenn Sie auf Twitch streamen. Das geht ganz einfach über ein Plugin. Das Plugin, das wir verwenden werden, ist Streamstatus für Twitch. Es ist sehr einfach einzurichten, Sie brauchen nur einen Kanalnamen.

Nachdem Sie das Plugin installiert und aktiviert haben, finden Sie es auf der Plugins Bildschirm und klicken Sie auf das Einstellungen Verknüpfung.

Stream-Status für Twitch-Einstellungen

Hier können Sie das Erscheinungsbild des Plugins anpassen. In den Plugins Haupteinstellungen, geben Sie den Namen des Kanals ein, zu dem Sie eine Verknüpfung herstellen möchten. Damit können Sie loslegen: Sie sollten das Widget unten rechts auf dem Bildschirm sehen. Dieses Plugin bietet Ihnen jedoch immer noch einige Anpassungsoptionen.

Verwandt :  So installieren Sie WordPress lokal auf dem Mac mit MAMP

Auf diesem Bildschirm können Sie auch überprüfen Offline ausblenden Um das Widget nur anzuzeigen, wenn der Streamer streamt, aktivieren Sie In neuem Fenster öffnen um den Stream in einem neuen Fenster zu öffnen und den Statustext zu ändern, wenn ein Stream live oder online ist.

Stream-Status für Twitch-Einstellungen

Die Positionierung Optionen werden verwendet, um die Position der schwebenden Schaltfläche festzulegen. Überprüfung Absolute Positionierung hält die Schaltfläche an ihrer Position auf der Website, während sie standardmäßig schwebt, unabhängig davon, wie Sie scrollen. Die Vertikal und Horizontal Platzierungsmenüs ermöglichen es Ihnen, die Positionierung der Schaltflächen im Allgemeinen zu ändern, während die Oben unten und Abstand links/rechts Felder ermöglichen Ihnen die Feinabstimmung in Bezug auf den Bildschirmrand.

Stream-Status für Twitch-Einstellungen

Die Anpassung Einstellungen bestimmen das Aussehen der schwebenden Schaltfläche selbst, einschließlich der Farboptionen und der Eckenrundung. Sie können auch wählen a Größeres Design wenn Sie Ihr Widget vergrößern möchten oder Statustextunterstreichung deaktivieren bei Mauszeiger.

Stream-Status für Twitch-Einstellungen

Schließlich im Sonstiges Optionen, die Sie überprüfen können Erscheinungsbildanimation deaktivieren Falls Sie eine einfache schwebende Schaltfläche wünschen, und stellen Sie Bildschirmauflösungen ein, für die das Widget nicht angezeigt wird.

Stream-Status für Twitch-Einstellungen

Und da haben Sie es, Ihre Schaltfläche wird für alle Ihre Website-Besucher angezeigt.

Streamstatus für die Twitch-Vorschau

So betten Sie einen Twitch-Stream in WordPress ein

Wenn Sie Ihren Twitch-Stream jedoch einbetten möchten, müssen Sie etwas zusätzliche Arbeit und ein anderes Plugin leisten. Dafür verwenden wir Twitch für WordPress. Nachdem Sie das Plugin installiert und aktiviert haben, benötigen Sie noch einen API-Schlüssel, damit es funktioniert. Du benötigst einen Twitch-Account und auch um Zwei-Faktor-Authentifizierung einrichten in deinen Twitch-Konten Sicherheitseinstellungen. Twitch achtet sehr auf Sicherheit und die genauen Schritte, die Sie ausführen müssen, können in Bezug auf die von Ihnen verwendeten E-Mail-Konten und Geräte variieren. Folgen Sie den Anweisungen auf dem Bildschirm und Sie sollten in Ordnung sein.

Die Anleitung zum Erstellen einer Twitch-API findest du in den Einstellungen des Plugins selbst. Aber keine Sorge, wir werden Sie Schritt für Schritt begleiten, sobald Sie Ihr Konto eingerichtet und konfiguriert haben.

Twitch für WordPress-Einstellungen

Gehen Sie, während Sie in Ihrem Twitch-Konto angemeldet sind, zum Twitch-Entwickler Seite? ˅. Du wirst brauchen Autorisieren Twitch-Entwickler, um auf Ihr Konto zuzugreifen.

Twitch-Entwickler autorisieren

Sie werden dann zur Konsole Ihres Kontos weitergeleitet. Finden Sie die Anwendungen Tab und klicken Sie auf die Schaltfläche auf der rechten Seite, um +Registrieren Sie Ihre Anwendung.

Registrieren Sie Ihre Anwendung

Wählen Sie dann a Name für deine Bewerbung eintragen und Hinzufügen ein gültiger Weiterleitungslink für Ihre OAuth-Weiterleitungs-URL (zu Testzwecken haben wir verwendet https://localhost) und wählen Sie Website-Integration für deine Bewerbung Kategorie. Überprüfen Sie das reCAPTCHA und klicken Sie dann auf Schaffen.

Konsole erstellen

Nachdem Sie Ihre Bewerbung erstellt haben, klicken Sie auf das Verwalten Taste.

Verwandt :  So machen Sie Facebook privat
Verwalten

Schließlich kommen wir zu den zwei Dingen, die wir brauchen: Ihr Kunden ID und dein Client-Geheimnis. Klicken Sie hier, um Ihre . zu erhalten Neues Geheimnis.

Neues Geheimnis

Fügen Sie Ihre Kunden ID und dein Client-Geheimnis in ihre Felder im API-Einstellungen Abschnitte und drücken Sie die Eingabetaste. Ihre API Status wird sich ändern zu In Verbindung gebracht.

ID und Geheimnis einfügen

Wenn Sie nach unten scrollen, finden Sie die Plugins Allgemeine Einstellungen. Dazu gehören die Cache-Dauer Einstellung (wie lange speichert das Plugin temporäre Dateien; für beste Leistung niedrig halten) und die Keine Streams Nachrichteneinstellungen, die bestimmen, ob der Benutzer die Nachricht sieht, wenn keine Streams verfügbar sind, und was die Nachricht selbst ist.

Weiter unten sind die Standardeinstellungen, die die enthalten Sprache Filter (Sie müssen eine Sprache auswählen, in der Streams angezeigt werden sollen), sowie Widget und Vorschaustil. Die kostenlose Version dieses Plugins bietet uns hier nicht viele Optionen, daher lassen wir all diese Einstellungen in Ruhe.

Standardeinstellungen

Weiter unten können Sie Ihre API-Daten und die Stream-Verfügbarkeit überprüfen und auf klicken Änderungen speichern.

Überprüfen und speichern

Um Ihr Stream-Widget nun tatsächlich auf Ihrer Website zu platzieren, müssen Sie zu navigieren Aussehen/Widgets auf deinem WordPress-Dashboard und ziehe das Twitch-Widget in den gewünschten Bereich. Beachten Sie, dass die Namen und Positionen der Widget-Bereiche je nach Thema variieren.

Widget ziehen

Sobald Sie Ihr Widget eingerichtet haben, müssen Sie es konfigurieren. Dein Stream hat möglicherweise ein Titel, ist aber nicht zwingend. Die kostenlose Version erlaubt Ihnen bis zu drei Streams, aber wir werden nur einen verlinken. Geben Sie die Streamer Sie als kommagetrennte Liste anzeigen möchten. Die Ausgabeeinstellungen erlauben Ihnen, die Anzahl der Streams anzugeben, die angezeigt werden sollen (wieder haben wir uns für einen entschieden). Die Vorlageneinstellungen lass dich wählen zwischen den Stil Wählen Sie auf Ihrer Einstellungsseite oder anderen Einstellungen (nur in der Pro-Version verfügbar) die Option Größe (wir haben klein gewählt, da das Widget sonst die Bildschirmbreite einnehmen würde) und die Vorschau. Wir gingen mit Bild, aber Sie können eine Videovorschau auswählen, wenn Sie möchten. Die Widget-Kontext Im Menü können Sie auswählen, wann das Widget angezeigt wird. Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf Speichern.

Widget-Konfiguration
Widget-Konfiguration

Und schließlich wird Ihr Stream für Ihre Besucher da sein.

Live Vorschau

Abschließend

Wie Sie gesehen haben, ist es keine große Sache, Ihre Präsenz auf Twitch bekannt zu machen, während das Einbetten eines Streams nur wenig Aufwand erfordert. Ob es Ihnen gefällt oder nicht, Twitch ist ein unverzichtbares Tool für die Verbreitung von spielbezogenen Inhalten. Wenn Ihre Website in irgendeiner Weise mit Spielen zu tun hat, können Sie es sich nicht leisten, sich dessen nicht bewusst zu sein.

Moyens Staff
Moyens I/O-Personal. motivierte Sie und gab Ratschläge zu Technologie, persönlicher Entwicklung, Lebensstil und Strategien, die Ihnen helfen werden.