Udostępnianie treści wideo na żywo za pośrednictwem witryny WordPress to potężny sposób na zaangażowanie odbiorców w czasie rzeczywistym.
Osadzenie transmisji na żywo z YouTube umożliwia odwiedzającym oglądanie wydarzeń, webinarów i specjalnych transmisji bezpośrednio w witrynie, poprawiając interakcję użytkowników i zwiększając zasięg.
W WPBeginner uznajemy YouTube za potężną platformę, która może generować znaczny ruch. Dlatego stworzyliśmy własny kanał i regularnie publikujemy filmy, aby przyciągnąć więcej odwiedzających do naszego bloga. Ta strategia pomogła nam zwiększyć zasięg i dotrzeć do szerszego grona odbiorców.
W tym artykule pokażemy, jak łatwo osadzać transmisje na żywo z YouTube w 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.
Osadzenie transmisji na żywo z YouTube w witrynie WordPress to doskonały sposób na nawiązanie kontaktu z odbiorcami i dotarcie do większej liczby użytkowników.

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.

Następnie przejdź na stronę YouTube Feeds ” All Feeds z kokpitu WordPress.
Następnie kliknij przycisk „Utwórz nowy” u góry.

Spowoduje to wyświetlenie na ekranie monitu „Wybierz rodzaj karmy”.
Aby kontynuować, należy wybrać opcję „Transmisje na żywo” i kliknąć przycisk „Dalej”.

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”.

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.

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.

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ć.

Po utworzeniu projektu zostaniesz przeniesiony do kokpitu projektu.
Następnie kliknij przycisk „+ Włącz interfejsy API i usługi” w górnym menu.

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.

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.

Spowoduje to przejście do strony „API/Service Details”.
Następnie kliknij przycisk „Utwórz dane uwierzytelniające” u góry.

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.

Twój klucz API zostanie teraz utworzony i wyświetlony na stronie.
Wystarczy skopiować ten klucz i kliknąć przycisk „Gotowe”.

Teraz nadszedł czas, aby wrócić do kokpitu WordPress.
Wklej klucz API w polu Wymagany klucz API. Następnie kliknij przycisk „Dodaj”, aby kontynuować.

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”.

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.

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ć.

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”.

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”.

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.

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.

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.

Możesz również dostosować wygląd odtwarzacza wideo, przechodząc do panelu „Filmy”.
Tutaj pojawi się lista opcji.

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.

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.

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.

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.

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.

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.

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.

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”.

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”.

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.

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.

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.

Nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać twoje zmiany.
Tak wygląda transmisja na żywo z YouTube na panelu bocznym naszej demonstracyjnej witryny internetowej.

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.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz”, aby zastosować zmiany.
Oto podgląd transmisji na żywo na naszej demonstracyjnej witrynie internetowej.

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.

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ń.

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 na temat osadzania SoundCloud w postach WordPress za pomocą oEmbed oraz nasz przewodnik na temat osadzania widżetu discord w WordPress.
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.
Have a question or suggestion? Please leave a comment to start the discussion.