Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak osadzać transmisje na żywo z YouTube w WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz osadzać transmisje na żywo z YouTube na twojej witrynie internetowej WordPress?

Osadzanie transmisji na żywo z YouTube na twojej witrynie może zwiększyć zaangażowanie, umożliwiając odwiedzającym interakcję z tobą i twoimi treściami w czasie rzeczywistym.

W tym artykule pokażemy, jak łatwo osadzać transmisje na żywo z YouTube w WordPress.

How to embed a YouTube live stream in WordPress

Dlaczego warto osadzać transmisje na żywo z YouTube w WordPress?

Transmisja strumieniowa na żywo umożliwia nadawanie treści wideo lub audio na żywo przez Internet, włączając w to możliwość oglądania filmów w czasie rzeczywistym.

Osadzanie transmisji na żywo z YouTube na twojej witrynie internetowej WordPress to doskonały sposób na nawiązanie kontaktu z publicznością i dotarcie do większej liczby użytkowników.

YouTube live stream

Może również zwiększyć zaangażowanie użytkowników, umożliwiając interakcję z odwiedzającymi witrynę.

Transmisja na żywo w YouTube może również pomóc zwiększyć SEO witryny internetowej i przyciągnąć więcej ruchu. Badania wykazały, że wpisy na blogu z co najmniej jednym filmem przyciągają około 83% więcej odwiedzających niż treści bez żadnego filmu.

W związku z tym zobaczmy, jak można łatwo osadzać transmisje na żywo z YouTube w WordPress.

Jak osadzać transmisje na żywo z YouTube w WordPress?

Najprostszym sposobem na osadzanie transmisji na żywo z YouTube jest użycie wtyczki Smash Balloon YouTube Feed Pro.

Jest to najlepsza wtyczka WordPress YouTube na rynku, która pozwala osadzać filmy z YouTube i transmisje na żywo na twojej witrynie internetowej.

Najpierw należy zainstalować i włączyć wtyczkę YouTube Feed Pro. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Uwaga: YouTube Feed ma również darmową wersję. Nie obsługuje ona jednak funkcji Live Stream.

Po włączaniu, przejdź na stronę YouTube Feed ” Ustawienia z panelu bocznego administratora WordPress. Tutaj należy wpisz klucz licencyjny i kliknij przycisk „Włącz”.

Informacje te możesz uzyskać na swoim koncie w witrynie internetowej Smash Balloon.

Activate your smash balloon license key

Następnie przejdź na stronę YouTube Feeds ” All Feeds z kokpitu WordPress.

Następnie kliknij przycisk „Utwórz nowy” u góry.

Click the Add New button to add the YouTube feed

Spowoduje to wyświetlenie na ekranie monitu „Wybierz rodzaj karmy”.

Aby kontynuować, należy wybrać opcję „Transmisje na żywo” i kliknąć przycisk „Dalej”.

Choose live stream as feed type

W następnym kroku należy połączyć YouTube Feed Pro z twoim kontem YouTube. Zostaniesz poproszony o podanie twojego klucza API YouTube.

Jeśli masz już klucz API, po prostu skopiuj go i wklej w polu „Wpisz klucz API” i kliknij przycisk „Dodaj”.

Add YouTube API key

Utwórz klucz API YouTube

Jeśli nie masz jeszcze klucza API, przejdź do Google Cloud Console i zaloguj się przy użyciu swojego konta Google.

Po zalogowaniu się kliknij przycisk „Wybierz projekt” u góry.

Click Select Project button

Spowoduje to otwarcie wyskakującego okna, w którym wyświetlone zostaną wszystkie utworzone projekty.

Teraz kliknij przycisk „Nowy projekt” w prawym górnym rogu.

Click the New Project button

Spowoduje to przejście do strony „Nowy projekt”, gdzie można rozpocząć od wpisania rodzaju nazwy dla twojego projektu. Może to być cokolwiek, co ułatwi jego identyfikację.

Następnie należy wybrać „Organizację” i jej położenie z menu rozwijanego. Możesz wybrać „Brak organizacji” i kliknąć przycisk „Utwórz”, aby kontynuować.

Choose a project name and its organization

Po utworzeniu projektu zostaniesz przeniesiony do kokpitu projektu.

Następnie kliknij przycisk „+ Włącz interfejsy API i usługi” w górnym menu.

Click on the + ENABLE APIS AND SERVICES button

Spowoduje to przejście do strony Biblioteka API. Pokazuje ona różne usługi Google, dla których możesz tworzyć interfejsy API i używać ich w swoich projektach.

Teraz wyszukaj „YouTube Data API v3” w polu wyszukiwania.

Search for the YouTube data API v3 option

Gdy pojawi się wynik „YouTube Data API v3”, wystarczy go kliknąć.

Zostaniesz teraz przekierowany do nowego ekranu, na którym musisz kliknąć przycisk „Włącz”, aby włączyć klucz API YouTube.

Enable the YouTube API

Spowoduje to przejście do strony „API/Service Details”.

Następnie kliknij przycisk „Utwórz dane uwierzytelniające” u góry.

Click the Create Credentials button

Następnie zostaniesz przekierowany na nową stronę, na której musisz zaznaczyć pole obok opcji „Dane publiczne”.

Następnie kliknij przycisk „Dalej”, aby utworzyć twój interfejs API.

Check the Public data box and click on the Next button

Twój klucz API zostanie teraz utworzony i wyświetlony na stronie.

Wystarczy skopiować ten klucz i kliknąć przycisk „Gotowe”.

Copy the YouTube API key

Teraz nadszedł czas, aby wrócić do kokpitu WordPress.

Wklej klucz API w polu Wymagany klucz API. Następnie kliknij przycisk „Dodaj”, aby kontynuować.

Add YouTube API key

Dodaj transmisję na żywo z YouTube do swojej witryny internetowej WordPress

Po dodaniu klucza API YouTube zostaniesz przekierowany na stronę „Wybierz rodzaj kanału”.

W tym miejscu ponownie kliknij opcję „Live Stream”, a następnie przycisk „Dalej”.

Spowoduje to otwarcie strony „Dodaj identyfikator kanału do transmisji na żywo”.

Visit the Add channel ID for live stream page

Teraz musisz przejść na kanał YouTube, który zawiera twoje filmy transmitowane na żywo.

Następnie skopiuj tekst znajdujący się po „/channel/” lub „/user/” w adresie URL u góry.

Copy the code after channel or user in the URL

Następnie wróć do kokpitu WordPress i wklej kod w polu „Dodaj identyfikator kanału dla transmisji na żywo”.

Następnie kliknij przycisk „Połącz”, aby połączyć twój kanał YouTube z WordPress.

Po podłączeniu kanału kliknij przycisk „Dalej”, aby kontynuować.

Add code and click the connect button

Dostosuj swój YouTube Feed do własnych potrzeb

Teraz, gdy twój kanał YouTube na żywo został utworzony, możesz go dostosować. Smash Balloon YouTube Feed Pro oferuje wiele różnych opcji wyświetlania.

Najpierw należy wybrać szablon na stronie „Zacznij od szablonu”. Do wyboru są układy Domyślny, Karuzela, Karty, Lista, Galeria lub Siatka.

Po dokonaniu twojego wyboru kliknij przycisk „Dalej”.

Choose a template for your Live YouTube feed

Gdy to zrobisz, otworzy się ekran edycji, który wyświetla podgląd twojego kanału na YouTube po prawej stronie i ustawienia konfiguratora w lewej kolumnie menu.

Tutaj możesz zacząć od rozwinięcia panelu „Układ kanałów”.

YouTube Feed editor

Na tym ekranie można przełączać się między układami.

Możliwe jest również skonfigurowanie dodatkowych ustawień w zależności od wybranego przez ciebie układu.

Customize the YouTube feed layout

Następnie należy kliknąć panel „Schemat kolorów”.

Domyślnie YouTube Feed Pro używa tego samego schematu kolorów, co twój motyw WordPress. Można jednak również użyć „jasnego” lub „ciemnego” schematu kolorów dla kanału filmów.

Możesz także zaprojektować własny schemat kolorów, klikając opcję „Dostosuj”, a następnie używając elementów sterujących do zmiany kolorów tła, tekstu i odnośników.

Customize feed color scheme

Aby dodać nagłówek do twojego kanału YouTube, musisz przejść na panel „Nagłówek”. W tym miejscu należy przełączyć przełącznik „Włącz”, aby włączyć nagłówek.

Za pomocą elementów sterujących można również przełączać się między standardowymi i tekstowymi stylami nagłówków. Wybór opcji „Tekst” umożliwia zmianę rozmiaru i koloru tekstu.

Customize YouTube feed header

Możesz również dostosować wygląd odtwarzacza wideo, przechodząc do panelu „Filmy”.

Tutaj pojawi się lista opcji.

Videos panel option

Aby dostosować układ filmu i jego indywidualne właściwości, przejdź na panel ustawień „Styl filmu”.

Tutaj można wybrać układ filmu, kolor tła i obramowanie.

Customize video style

Następnie otwórz panel „Edytuj poszczególne elementy”. Tutaj zaznacz pola obok elementów, które chcesz wyświetlać wraz z filmami na żywo z YouTube.

Możesz wyświetlać lub ukrywać ikonkę odtwarzania, tytuł filmu, odliczanie transmisji na żywo, opisy i nie tylko.

Edit the individual elements you want to display along with the video

Następnie przejdź do ustawienia „Hover State”. Tutaj możesz wybrać poszczególne elementy, które będą wyświetlane, gdy użytkownik najedzie kursorem myszy na film na YouTube.

Możesz wybrać wiele elementów, w tym tytuł filmu, opis, datę, zobacz i więcej.

Customize hover state

Następnie przejdź na panel „Doświadczenie odtwarzacza filmów”.

Możesz teraz zmienić proporcje odtwarzacza filmów. Możesz również wybrać, czy film rozpocznie się automatycznie, czy poczeka, aż odwiedzający kliknie przycisk odtwarzania.

Customize video player experience

Po dostosowaniu poszczególnych elementów filmu, przejdź do panelu „Wczytywanie przycisków”.

Tutaj, pod ustawieniem „Wczytywanie przycisku więcej”, możesz przełączyć przełącznik na „Włącz”. Spowoduje to wyświetlenie większej liczby propozycji filmów po zakończeniu transmisji na żywo.

Możesz także wybrać kolor tła, stan najechania kursorem i tekst z ustawień w lewym panelu.

Customize the Load More button

Następnie przejdź do panelu „Przycisk subskrypcji” i przełącz przełącznik na „Włącz”, jeśli chcesz włączyć przycisk subskrypcji YouTube.

W ustawieniach można również zmienić kolor przycisku, tekst i stan najechania kursorem.

Customize Subscribe button

Po dostosowaniu kanału YouTube na żywo można wyświetlić podgląd jego wyglądu na komputerach stacjonarnych, tabletach i smartfonach. Wystarczy kliknąć różne przyciski w prawym górnym rogu, aby wyświetlić podgląd kanału na różnych urządzeniach.

Na koniec nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać twoje zmiany.

Preview and save feed

Osadzanie transmisji na żywo z YouTube na stronie WordPress

Następnym krokiem jest osadzanie twojego kanału YouTube na żywo na stronie WordPress. Aby to zrobić, musisz najpierw kliknąć przycisk „Osadzanie” u góry.

Spowoduje to wyświetlenie monitu „Osadzanie kanału”. Aby kontynuować, kliknij przycisk „Dodaj do strony”.

Click Add to a page button to embed YouTube feed

Wyskakujące okienko wyświetli teraz listę wszystkich stron WordPress w twojej witrynie internetowej.

Po prostu wybierz stronę, na której chcesz osadzać transmisję na żywo z YouTube i kliknij przycisk „Dodaj”.

Choose a page where you want to embed the feed and click on the Add button

Wybrana strona zostanie teraz otwarta w edytorze bloków.

Z tego miejsca kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu i wyszukaj blok Feeds for YouTube.

Gdy już go znajdziesz, możesz dodać blok do twojej strony, klikając go.

Embed YouTube Feed on a page

Nie zapomnij kliknąć przycisku „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany lub wprowadzić je na żywo.

Tak wygląda transmisja na żywo z YouTube na naszej witrynie internetowej.

YouTube Feed Page preview

Dodaj kanał na żywo YouTube Feed jako widżet

Możesz także dodać kanał YouTube na żywo do panelu bocznego WordPress jako widżet.

Najpierw przejdź do strony Wygląd ” Widżety z panelu bocznego administratora.

Tutaj kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu i znajdź blok Feeds for YouTube.

Następnie kliknij blok, aby dodać go do obszaru widżetu.

Add YouTube Feed as a widget

Nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać twoje zmiany.

Tak wygląda transmisja na żywo z YouTube na panelu bocznym naszej demonstracyjnej witryny internetowej.

Widget Preview of YouTube feed

Dodawanie strumienia YouTube na żywo w pełnym edytorze witryny

Jeśli korzystasz z motywu opartego na blokach, ta metoda jest dla Ciebie.

Najpierw przejdź do strony Wygląd ” Edytor z panelu bocznego administratora, aby uruchomić edytor witryny.

W tym miejscu kliknij przycisk „Dodaj blok (+)” u góry i poszukaj bloku Feeds for YouTube.

Następnie możesz przeciągnąć i upuścić blok w miejscu, w którym chcesz wyświetlać kanał YouTube na swojej stronie.

Add the YouTube feed in FSE

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz”, aby zastosować zmiany.

Oto podgląd transmisji na żywo na naszej demonstracyjnej witrynie internetowej.

FSE preview of YouTube live feed

Bonus: Osadzanie listy odtwarzania YouTube w WordPressie

Oprócz transmisji na żywo, możesz również osadzać listy odtwarzania YouTube na swojej witrynie WordPress za pomocą wtyczki Smash Balloon YouTube Feed.

Możesz użyć tej listy odtwarzania, aby przyciągnąć uwagę użytkowników, zwiększyć zaangażowanie i zmniejszyć współczynnik odrzuceń.

Aby dodać playlistę YouTube, przejdź na stronę YouTube Feeds ” All Feeds i kliknij przycisk „Add New”. Spowoduje to przejście do nowego ekranu, na którym należy wybrać opcję „Playlista” jako rodzaj kanału.

Select Playlist as feed type

Następnie należy połączyć twoje konto YouTube ze Smash Balloon, podając jego klucz API z Google Console.

Następnie musisz otworzyć listę odtwarzania YouTube, którą chcesz dodać i skopiować jej identyfikator z powyższego adresu URL. Identyfikator ten będzie ciągiem liter i cyfr po symbolu „=” w adresie URL.

Teraz możesz przejść na twój kokpit WordPress, aby dodać identyfikator listy odtwarzania w polu „Dodaj źródło” i kliknąć przycisk „Dalej”.

Gdy to zrobisz, na ekranie otworzy się edytor kanałów Smash Balloon, w którym możesz dostosować wygląd list odtwarzania do swoich upodobań.

Add the playlist ID

Pomyślnie dodałeś swoją playlistę YouTube. Więcej informacji na ten temat można znaleźć w naszym poradniku na temat osadzania listy odtwarzania YouTube w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak osadzać transmisje na żywo z YouTube w WordPress. Możesz również przeczytać nasz poradnik o tym, jak dodać kanały mediów społecznościowych do WordPressa lub zapoznać się z naszymi najlepszymi wtyczkami do mediów społecznościowych, które pomogą rozwinąć twoją witrynę.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

Jeden komentarzZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.