Hur bäddar man in en YouTube-liveström i WordPress

Att dela live videoinnehåll via din WordPress-webbplats är ett kraftfullt sätt att engagera din publik i realtid.

Att bädda in en YouTube-livestream gör det möjligt för besökare att titta på evenemang, webbinarier och specialutsändningar direkt på din webbplats, vilket förbättrar användarinteraktionen och utökar din räckvidd.

På WPBeginner inser vi att YouTube är en kraftfull plattform som kan generera betydande trafik. Därför har vi skapat vår egen kanal och publicerar regelbundet videor för att locka fler besökare till vår blogg. Denna strategi har hjälpt till att utöka vår räckvidd och knyta an till en bredare publik.

I den här artikeln visar vi hur du enkelt kan bädda in en YouTube-liveström i WordPress.

Varför bädda in YouTube-liveströmmar i WordPress

Livestreaming låter dig sända live video- eller ljudinnehåll över internet, vilket gör det möjligt för användare att titta på videon i realtid.

Att bädda in en YouTube-liveström på din WordPress-webbplats är ett utmärkt sätt att koppla samman med din publik och nå fler användare.

Det kan också öka användarnas engagemang genom att låta dig interagera med webbplatsbesökare.

En YouTube-livestream kan också hjälpa till att förbättra webbplatsens SEO och locka mer trafik. Forskning har visat att blogginlägg med minst en video får cirka 83 % fler besökare än innehåll utan någon.

Med det sagt, låt oss se hur du enkelt kan bädda in en YouTube-liveström i WordPress.

Hur bäddar man in en YouTube-liveström i WordPress

Det enklaste sättet att bädda in en live-ström från YouTube är att använda Smash Balloons YouTube Feed Pro plugin.

Det är den bästa WordPress YouTube-plugin på marknaden som låter dig bädda in YouTube-videor och livestreamar på din webbplats.

Först måste du installera och aktivera YouTube Feed Pro plugin. För fler instruktioner, se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan Youtube Feed » Inställningar från WordPress admin-sidomenyn. Här måste du ange licensnyckeln och klicka på knappen 'Aktivera'.

Du kan få denna information från ditt konto på Smash Balloons webbplats.

Besök sedan sidan YouTube Feeds » All Feeds från WordPress-instrumentpanelen.

Härifrån, klicka på knappen 'Lägg till ny' högst upp.

Detta öppnar upp dialogrutan 'Välj feedtyp' på skärmen.

För att fortsätta måste du välja alternativet 'Live Streams' och klicka på knappen 'Nästa'.

I nästa steg måste du ansluta YouTube Feed Pro till ditt YouTube-konto. Du kommer att bli ombedd att ange din YouTube API-nyckel.

Om du redan har en API-nyckel, kopiera och klistra bara in den i rutan 'Ange API-nyckel' och klicka på knappen 'Lägg till'.

Skapa en YouTube API-nyckel

Om du inte redan har en API-nyckel, gå sedan till Google Cloud Console och logga in med ditt Google-konto.

När du är inloggad klickar du på knappen 'Välj ett projekt' högst upp.

Detta öppnar ett popup-fönster som visar alla projekt du har skapat.

Klicka nu på knappen ‘New Project’ i det övre högra hörnet.

Detta tar dig till sidan 'Nytt projekt', där du kan börja med att skriva in ett namn för ditt projekt. Det kan vara vad som helst som hjälper dig att enkelt identifiera det.

Välj sedan en 'Organisation' och dess plats från rullgardinsmenyn. Du kan välja 'Ingen organisation' och klicka på knappen 'Skapa' för att fortsätta.

När projektet har skapats kommer du att tas till projektets instrumentpanel.

Härifrån, klicka på knappen ‘+ Enable APIs And Services’ i toppmenyn.

Detta tar dig till sidan API-bibliotek. Den visar de olika Google-tjänster som du kan skapa API:er för och använda i dina projekt.

Sök nu efter ”YouTube Data API v3” i sökfältet.

När resultatet 'YouTube Data API v3' visas, klickar du bara på det.

Du kommer nu att dirigeras till en ny skärm där du behöver klicka på knappen 'Aktivera' för att aktivera YouTube API-nyckeln.

Detta tar dig till sidan 'API/tjänstedetaljer'.

Härifrån klickar du på knappen 'Skapa autentiseringsuppgifter' högst upp.

Därefter kommer du att dirigeras till en ny sida där du måste markera rutan bredvid alternativet 'Public Data'.

Efter det, klicka på knappen 'Nästa' för att skapa ditt API.

Din API-nyckel kommer nu att skapas och visas på sidan.

Kopiera helt enkelt den här nyckeln och klicka på knappen ‘Klar’.

Nu är det dags att återgå till WordPress-instrumentpanelen.

Klistra in API-nyckeln i rutan API Key Required. Klicka sedan på knappen 'Add' för att fortsätta.

Lägg till YouTube Live Stream till din WordPress-webbplats

När du har lagt till din YouTube API-nyckel kommer du att omdirigeras till sidan 'Välj flödestyp'.

Härifrån klickar du på alternativet ‘Live Stream’ igen, följt av knappen ‘Nästa’.

Detta öppnar sidan 'Lägg till kanal-ID för livestream'.

Nu behöver du besöka YouTube-kanalen som innehåller dina livestream-videor.

Härifrån, kopiera texten som kommer efter ‘/channel/’ eller ‘/user/’ i URL:en högst upp.

Byt sedan tillbaka till WordPress-instrumentpanelen och klistra in koden i rutan 'Lägg till kanal-ID för Livestream'.

Klicka sedan på knappen ‘Connect’ för att koppla din YouTube-kanal till WordPress.

När kanalen är ansluten klickar du på knappen 'Nästa' för att fortsätta.

Anpassa ditt YouTube-flöde

Nu när din YouTube-livestream-feed har skapats kan du anpassa den. Smash Balloons YouTube Feed Pro erbjuder många olika visningsalternativ.

Först måste du välja en mall på sidan ‘Starta med en mall’. Du kan välja mellan layouterna Standard, Karusell, Kort, Lista, Galleri eller Rutnät.

När du har gjort ditt val, klicka på knappen ‘Next’.

När du har gjort det öppnas en redigeringsskärm som visar en förhandsgranskning av ditt YouTube-flöde till höger och anpassningsinställningar i den vänstra menykolumnen.

Här kan du börja med att expandera panelen 'Feed Layout'.

På den här skärmen kan du växla mellan layouterna.

Du kan också konfigurera ytterligare inställningar beroende på ditt valda layout.

Klicka sedan på panelen 'Färgtema'.

Som standard använder YouTube Feed Pro samma färgtema som ditt WordPress-tema. Du kan dock också använda ett 'Ljust' eller 'Mörkt' färgtema för videofeed.

Du kan också designa din egen färgpalett genom att klicka på alternativet 'Anpassad' och sedan använda kontroller för att ändra bakgrunds-, text- och länkfärgerna.

För att lägga till en rubrik till ditt YouTube-flöde måste du besöka panelen 'Rubrik'. Här växlar du omkopplaren 'Aktivera' för att aktivera rubriken.

Du kan också använda kontrollerna för att växla mellan standard- och text- rubrikstilar. Att välja alternativet 'Text' låter dig ändra textstorlek och färg.

Du kan också anpassa utseendet på videospelaren genom att gå till panelen 'Videor'.

Här ser du en lista med alternativ.

För att anpassa videolayouten och enskilda egenskaper, besök panelen 'Video Style' (Videostil).

Här kan du välja videolayout, bakgrundsfärg och kantlinje.

Öppna sedan panelen 'Redigera enskilda element'. Här markerar du kryssrutorna bredvid de element du vill visa tillsammans med YouTube live-stream-videorna.

Du kan visa eller dölja Play-ikonen, videons titel, live-sändningens nedräkning, beskrivningar och mer.

Gå sedan till inställningen 'Svängläge'. Här kan du välja de enskilda element som kommer att visas när användaren för muspekaren över YouTube-videon.

Du kan välja många element, inklusive videotitel, beskrivning, datum, visningar och mer.

Besök sedan panelen ‘Video Player Experience’.

Du kan nu ändra videospelarens bildförhållande. Du kan också välja om videon ska börja spelas automatiskt eller vänta tills besökaren klickar på play-knappen.

Efter att ha anpassat de enskilda videoelementen, byt till panelen 'Ladda mer knapp'.

Här, under inställningen 'Ladda mer knapp', kan du växla omkopplaren till 'Aktivera'. Detta kommer att visa fler videoförslag efter livestreamen.

Du kan också välja bakgrundsfärg, svävarläge och text från inställningarna i den vänstra panelen.

Byt sedan till panelen ‘Subscribe Button’ och aktivera reglaget till ‘Enable’ om du vill aktivera YouTube-prenumerationsknappen.

Du kan också ändra knappens färg, text och hover-läge i inställningarna.

När du har anpassat YouTube-liveströmmen kan du förhandsgranska hur den kommer att se ut på stationära datorer, surfplattor och smartphones. Klicka helt enkelt på de olika knapparna i det övre högra hörnet för att förhandsgranska strömmen på olika enheter.

Slutligen, glöm inte att klicka på knappen 'Spara' högst upp för att spara dina ändringar.

Bädda in YouTube Live Stream på en WordPress-sida

Nästa steg är att bädda in din YouTube-liveström på en WordPress-sida. För att göra detta måste du först klicka på knappen 'Bädda in' högst upp.

Detta öppnar prompten 'Bädda in flöde'. För att fortsätta, klicka på knappen 'Lägg till på en sida'.

Popup-fönstret visar nu en lista över alla WordPress-sidor på din webbplats.

Välj helt enkelt sidan där du vill bädda in YouTube live stream och klicka på knappen 'Lägg till'.

Sidan du valde öppnas nu i blockredigeraren.

Klicka härifrån på knappen 'Lägg till block' (+) i det övre vänstra hörnet och sök efter blocket Feeds for YouTube.

När du hittar den kan du lägga till blocket på din sida genom att klicka på det.

Glöm inte att klicka på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar eller göra dem live.

Så här ser YouTube live-flödet ut på vår demowebbplats.

Lägg till ett YouTube Live-flöde som en widget

Du kan också lägga till ett YouTube liveflöde i WordPress sidofält som en widget.

Gå först till sidan Utseende » Widgets från admin-sidofältet.

Klicka här på knappen 'Lägg till block' (+) i det övre vänstra hörnet av skärmen och hitta blocket 'Feeds for YouTube'.

Klicka sedan på blocket för att lägga till det i widgetområdet.

Glöm inte att klicka på knappen 'Uppdatera' för att spara dina ändringar.

Så här ser YouTubes liveflöde ut i sidofältet på vår demosida.

Lägg till en YouTube Live Stream i Full Site Editor

Om du använder ett blockbaserat tema, då är den här metoden för dig.

Gå först till sidan Utseende » Redigerare från administratörsmenyn för att starta webbplatsredigeraren.

Härifrån klickar du på knappen 'Lägg till block (+)' högst upp och letar efter blocket 'Feeds for YouTube'.

Därefter kan du dra och släppa blocket dit du vill visa YouTube-flödet på din sida.

När du är klar, glöm inte att klicka på knappen ‘Spara’ för att tillämpa ändringarna.

Här är en förhandsgranskning av livestreams på vår demokodningswebbplats.

Bonus: Bädda in en YouTube-spellista i WordPress

Förutom live-sändningar kan du också bädda in YouTube-spellistor på din WordPress-webbplats med plugin-programmet Smash Balloon YouTube Feed.

Du kan använda den här spellistan för att fånga användarnas uppmärksamhet, öka engagemanget och minska avvisningsfrekvensen.

För att lägga till en YouTube-spellista, besök sidan YouTube Feeds » All Feeds och klicka på knappen 'Lägg till ny'. Detta leder dig till en ny skärm, där du måste välja alternativet 'Spellista' som flödestyp.

Därefter måste du ansluta ditt YouTube-konto till Smash Balloon genom att ange dess API-nyckel från Google Console.

Därefter måste du öppna YouTube-spellistan du vill lägga till och kopiera dess ID från URL:en ovan. Detta ID är en sträng av bokstäver och siffror efter likhetstecknet (=) i URL:en.

Nu kan du besöka din WordPress-instrumentpanel för att lägga till spelliste-ID:t i fältet ‘Add Source’ och klicka på knappen ‘Next’.

När du har gjort det öppnas Smash Balloons redigerare för flöden på skärmen, där du kan anpassa spellistorernas utseende efter eget tycke.

Du har nu lagt till din YouTube-spellista. För mer information om detta kan du se vår handledning om hur man bäddar in en YouTube-spellista i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du bäddar in YouTube-liveströmmar i WordPress. Du kanske också vill läsa vår handledning om hur man bäddar in SoundCloud i WordPress-inlägg med oEmbed och vår guide om hur man bäddar in en Discord-widget i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.