Sådan viser du Twitch-status og integrerer en stream i WordPress 1

Sådan viser du Twitch-status og integrerer en stream i WordPress

Kan du huske, da videospil var en nichehobby? Sådan kan det næppe siges at være længere. Gaming er en massiv industri og mainstream af underholdning, så det er ikke så mærkeligt, at der er en dedikeret streamingplatform til folk, der er interesserede i at spille og se andre mennesker spille og kommentere spil: Twitch. Twitch-streams er tilgængelige online, men der er også måder at integrere dem med WordPress og endda indlejring af Twitch-streams på dit WordPress-websted.

Så hvis du har lyst give dine besøgende nem adgang til en bestemt Twitch-stream, du er det rigtige sted. Men lad os tage et skridt tilbage: hvorfor vil du alligevel gøre det, og hvordan kan du integrere det på dit WordPress-websted? Her er hvad vi vil tale om:

Hvorfor integrere en Twitch Stream?

På de fleste måder, Ryk er en online videostreamingtjeneste ligesom alle andre. Det, der adskiller den, er dens fokus på livestreaming af videospil. Det er lige så meget af et socialt netværk nu, som YouTube er, og giver seere over hele verden spilstreams og andet spilrelateret indhold. Siden opkøbet af Amazon i 2014 har Twitch vokset massivt i form af seere pr. måned, månedlige aktive brugere og broadcastere.

Kan man lide det eller ej, Twitch er den førende kanal for videospil-streamere i øjeblikket. Uanset om du er i branchen med videospil, eller du blot ønsker at fremvise en hobby, kan du drage fordel af at integrere dit WordPress-websted og Twitch.

Fra 2016 har Twitch introduceret salgslinks til streams, hvilket giver streamere mulighed for at tjene penge på deres kanaler gennem salgskommissioner, hvilket effektivt gør det nemt at streame spil som en virksomhed. Det betyder også, at der er nu et klart kommercielt incitament til link-building mellem WordPress-websteder og Twitch-streams også.

Sådan viser du Twitch-status i WordPress

Lad os sige, at du vil fortælle besøgende på dit websted, når du streamer på Twitch. Det kan du nemt gøre ved hjælp af et plugin. Det plugin vi skal bruge er Stream status for Twitch. Det er meget nemt at sætte op, alt hvad du virkelig behøver er et kanalnavn.

Efter at have installeret og aktiveret plugin’et, skal du finde det på Plugins skærmen og klik på Indstillinger link.

Streamstatus for Twitch-indstillinger

Det er her du kan tilpasse pluginnets udseende. I plugin’s Hovedindstillinger, indtast navnet på den kanal, du vil linke til. Med det er du godt i gang: du burde kunne se widgetten nederst til højre på skærmen. Dette plugin giver dig dog stadig nogle tilpasningsmuligheder.

På denne skærm, kan også kontrollere Skjul, når du er offline for kun at vise widgetten, når streameren streamer, skal du markere Åbn i nyt vindue for at åbne streamen i et nyt vindue og ændre statusteksten, hvis en stream er live eller online.

Streamstatus for Twitch-indstillinger

Det Positionering indstillinger bruges til at indstille placeringen af ​​den flydende knap. Tjekker Absolut positionering vil holde knappen i sin position på hjemmesiden, mens den som standard flyder uanset hvordan du scroller. Det Lodret og Vandret placeringsmenuer giver dig mulighed for at ændre placeringen af ​​knapperne i generelle vendinger, mens Top bund og Venstre/højre afstand felter lader dig finjustere den i forhold til kanten af ​​skærmen.

Streamstatus for Twitch-indstillinger

Det Tilpasning indstillinger styrer udseendet af selve den flydende knap, inklusive farveindstillinger og hjørnerundhed. Du kan også vælge en Større design hvis du vil gøre din widget større i eller Deaktiver statustekst understregning ved musebevægelse.

Streamstatus for Twitch-indstillinger

Endelig i Diverse muligheder du kan tjekke Deaktiver udseende animation i tilfælde af at du vil have en almindelig flydende knap, og indstille skærmopløsninger, som widgetten ikke vises for.

Streamstatus for Twitch-indstillinger

Og der har du det, din knap vises for alle besøgende på din hjemmeside.

Stream status for Twitch Preview

Sådan indlejres en Twitch Stream i WordPress

Hvis du vil integrere din Twitch-stream, skal du dog gøre noget ekstra arbejde og et andet plugin. Til dette vil vi bruge Twitch til WordPress. Efter at have installeret og aktiveret pluginnet, skal du stadig bruge en API-nøgle for at få det til at fungere. Du skal bruge en Twitch-konto og også til Konfigurer to-faktor-godkendelse i dine Twitch-konti sikkerhedsindstillinger. Twitch er meget opmærksom på sikkerhed, og de nøjagtige trin, du skal tage, kan variere med hensyn til e-mail-konti og enheder, du muligvis bruger. Følg anvisningerne på skærmen, og du burde være i orden.

Du kan finde instruktionerne til at oprette en Twitch API i selve pluginets indstillinger. Men bare rolig, vi vil tage dig hvert trin på vejen, når du har oprettet og konfigureret din konto.

Twitch til WordPress-indstillinger

Mens du er logget ind på din Twitch-konto, skal du gå til Twitch-udviklere websted. Det bliver du nødt til Bemyndige Twitch Developer for at få adgang til din konto.

Autorisér Twitch-udvikler

Du vil derefter blive ført til din kontos konsol. Find Ansøgninger fanen og klik på knappen i højre side for at +Registrer din ansøgning.

Registrer din ansøgning

Du skal derefter vælge en Navn for din ansøgning, indtast og Tilføje et gyldigt omdirigeringslink til din OAuth-omdirigerings-URL (med henblik på test, har vi brugt https://localhost), og vælg Integration af hjemmeside til din ansøgning Kategori. Tjek reCAPTCHA og klik derefter skab.

Konsol Opret

Når du har oprettet din ansøgning, skal du klikke på Styre knap.

Styre

Til sidst kommer vi frem til de to ting, vi skal bruge: din Klient-id og din Klientens hemmelighed. Klik for at få din Ny hemmelighed.

Ny hemmelighed

Indsæt din Klient-id og din Klientens hemmelighed ind på deres felter i API-indstillinger sektioner og tryk enter. Din API Status vil skifte til Forbundet.

Indsæt ID og hemmelighed

Scroller du ned, finder du plugin’s Generelle indstillinger. Disse omfatter Cache-varighed indstilling (hvor længe gemmer plugin’et midlertidige filer; hold lav for at opnå den bedste ydeevne), og Ingen strømme beskedindstillinger, der styrer, om brugeren ser beskeden, når ingen streams er tilgængelige, og hvad selve beskeden er.

Længere nede er Standardindstillinger, som indeholder Sprog filter (du skal vælge et sprog til at vise streams), samt Widget og Eksempelstil. Den gratis version af dette plugin giver os ikke mange muligheder her, så vi lader alle disse indstillinger være.

Standardindstillinger

Længere nede kan du gennemgå dine API-data og strømtilgængelighed og klikke Gem ændringer.

Gennemgå og gem

Nu, for rent faktisk at placere din stream-widget på dit websted, skal du navigere til Udseende/widgets på dit WordPress-dashboard og træk Twitch-widgetten til det ønskede område. Husk, at widget-områdenavne og -positioner varierer efter tema.

Træk widget

Når du har din widget på plads, skal du konfigurere den. Din stream kan have en Titel, men det er ikke obligatorisk. Den gratis version giver dig mulighed for op til tre streams, men vi linker kun den ene. Gå ind i Streamere du ønsker at optræde som en kommasepareret liste. Det Outputindstillinger giver dig mulighed for at angive antallet af streams, der skal vises (igen, vi gik med en). Det Skabelonindstillinger lad dig vælge mellem Stil fra din indstillingsside eller andre indstillinger (kun tilgængelig i pro-versionen), vælg Størrelse (vi gik med small, for ellers ville widgetten optage skærmens bredde), og den Forhåndsvisning. Vi gik med Billede, men du kan vælge en forhåndsvisning af video, hvis du vil. Det Widget-kontekst menuen giver dig mulighed for at vælge, hvornår widgetten skal vises. Når du er tilfreds med dine indstillinger, skal du klikke Gemme.

Widget Config
Widget Config

Og endelig vil din stream være der for dine besøgende at nyde.

Live Preview

Afslutningsvis

Som du har set, er det ingen big deal at gøre din tilstedeværelse på Twitch kendt, mens indlejring af en stream kræver en lille indsats. Uanset om du kan lide det eller ej, er Twitch et uundværligt værktøj til distribution af spilrelateret indhold. Hvis din hjemmeside på nogen måde er relateret til spil, har du ikke råd til ikke at være opmærksom på det.

Støt vores arbejde ❤️

Hvis du kunne lide denne artikel, kan du overveje at give drikkepenge for at hjælpe os med fortsat at udgive kvalitetsindhold.

Sikker betaling med PayPal