Jak osadzać filmy z YouTube'a w WordPress (z wtyczkami i bez)

Czy chcesz wyświetlać filmy z YouTube na swojej stronie? Może to być doskonały sposób na zmniejszenie współczynnika odrzuceń i poprawę ogólnego doświadczenia użytkownika. Jeśli potrzebujesz pomocy, aby to zrobić, mamy Cię w zasięgu ręki. W tym artykule dowiesz się , jak osadzać filmy z YouTube w WordPress .

Ale najpierw zobaczmy, dlaczego umieszczanie filmów z YouTube w postach na blogu lub paskach bocznych to dobry pomysł.

Dlaczego warto osadzać filmy z YouTube na stronie internetowej?

Umieszczanie filmów z YouTube w swojej witrynie internetowej pomaga poprawić ogólne wrażenia użytkowników i współczynnik odrzuceń .

Filmy to świetny sposób na opowiedzenie historii lub przesłanie. Na przykład, jeśli zajmujesz się stroną internetową, na której uczysz, jak tworzyć niestandardowe strony docelowe, pokazanie im, jak to zrobić za pomocą filmu, może być lepszą opcją niż mówienie im, jak to zrobić w pisemnym samouczku. W ten sposób odbiorcy szybko nauczą się krok po kroku procesu i zobaczą, czego mogą się spodziewać, pomagając zwiększyć zaangażowanie i satysfakcję użytkowników.

Następnie osadzanie filmów z innego źródła byłoby lepsze niż przesyłanie ich na stronę internetową. Gdy przesyłasz filmy bezpośrednio do WordPress i wyświetlasz je, wykorzystanie przepustowości zwiększy się 10 razy . Jeśli korzystasz z firmy hostingowej, która ogranicza wykorzystanie przestrzeni dyskowej i przepustowości zgodnie z poziomami subskrypcji, nie będzie to wykonalna opcja.

Możesz rozwiązać ten problem, przesyłając filmy do YouTube i umieszczając je. Ponieważ YouTube przechowuje wideo na swoich serwerach, nie musisz się martwić o miejsce na dysku ani zużycie przepustowości.

Teraz już wiesz, dlaczego umieszczanie filmów z YouTube na stronie internetowej jest dobrym rozwiązaniem. Następnie zobaczmy, jak możesz to zrobić na stronie WordPress.

Jak osadzić filmy z YouTube w WordPress

Istnieje wiele sposobów wyświetlania filmów z YouTube w WordPress:

1. Korzystanie z dedykowanej wtyczki
2. Ręcznie
   1. Klasyczny edytor
   2. redaktor Gutenberga

Pokażemy Ci każdą metodę w tym artykule. Zgodnie z własnymi preferencjami i wymaganiami możesz wybrać jeden. Bez dalszych ceregieli przejdźmy do listy.

1) Osadź filmy z YouTube za pomocą wtyczki

Istnieje wiele narzędzi do osadzania filmów z YouTube w WordPress:

• Osadź Plus
• Galeria wideo
• Prezentacja YouTube
• Twój kanał
• I wiele innych

Większość z nich ma minimalne opcje konfiguracji i nie wymaga żadnej wiedzy na temat kodowania. Każda dedykowana wtyczka YouTube byłaby wykonalna, jeśli wolisz łatwe w użyciu rozwiązanie.

W tym samouczku użyjemy Embed Plus.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować Embed Plus na swojej stronie internetowej

Po aktywacji zobaczysz ustawienia wtyczki po lewej stronie pulpitu nawigacyjnego.

Tam możesz zobaczyć opcje konfiguracji, takie jak:

• Ustawienia domyślne
• klucze API
• Opcje galerii
• Optymalizacja wydajności
• Ustawienia zgodności
• Opcje ochrony
• Opcje prywatności

Stamtąd możesz dostosować sposób wyświetlania osadzonych elementów YouTube, preferowane wymiary, pokazywać / ukrywać powiązane filmy i tak dalej. Możesz dostosować opcje zgodnie z własnymi wymaganiami. Po skonfigurowaniu ustawień wtyczki zapisz ją . Teraz jesteś gotowy do osadzania filmów na stronie internetowej.

1.1) Korzystanie z dedykowanego bloku Gutenberga

Gdy używasz edytora Gutenberga, wyszukaj blok YouTube Wizard .

Musisz dodać blok do edytora. Po dodaniu otwórz opcję kreatora .

Zobaczysz tam wiele opcji osadzania filmów w witrynie WordPress.

Możesz osadzić a

• Pojedyncze wideo
• krótki YouTube
• Lista odtwarzania
• Kanał
• Transmisja na żywo
• Premierowe wideo

W tym samouczku dowiesz się, jak osadzić pojedynczy film. Najpierw kliknij Osadź pojedynczy film lub krótki przycisk .

Następnie wklej adres URL filmu i kliknij osadź .

W ciągu kilku sekund zobaczysz podgląd na żywo osadzania. Jeśli nie masz nic przeciwko, kliknij Wstaw do edytora i gotowe.

Po naciśnięciu przycisku zobaczysz osadzenie w edytorze Gutenberg.

Możesz zapisać (lub zaktualizować) post, aby opublikować nowe zmiany.

W ten sposób możesz ukończyć osadzenie YouTube przez blok Gutenberga.

1.2) Używanie krótkiego kodu edytora klasycznego

Jeśli nie przeniosłeś się do edytora Gutenberga i nadal używasz Edytora klasycznego, postępuj zgodnie z tą metodą.

Otwórz post lub stronę, na której chcesz osadzić wideo. Po prawej stronie przycisku Dodaj multimedia zobaczysz nową opcję dodawania elementów osadzonych w serwisie YouTube.

Po kliknięciu zobaczysz opcje osadzania. Tak jak zrobiliśmy to wcześniej, wklej adres URL filmu YouTube w polu i umieść go .

Teraz w edytorze zobaczysz adres URL w dedykowanym krótkim kodzie.

Możesz zaktualizować swój post na blogu, a wideo będzie widoczne w interfejsie.

Otóż ​​to!

W ten sposób możesz osadzać filmy z YouTube na dowolnych postach na blogu, stronach lub niestandardowych typach postów. Jeśli wtyczka nie wyświetla filmów w interfejsie witryny, prawdopodobnie dzieje się tak z powodu buforowania. Powinieneś wyczyścić pamięć podręczną WordPress, aby zobaczyć zaktualizowane wyniki.

Teraz wiesz, jak wykonać zadanie za pomocą dedykowanej wtyczki. Następnie przyjrzyjmy się opcjom ręcznego osadzania filmów.

2) Osadzaj filmy z YouTube w WordPress bez wtyczki

Możesz także ręcznie osadzać filmy z YouTube, jeśli nie chcesz używać wtyczek. W tej sekcji omówiono sposób prawidłowego ręcznego osadzania filmów z YouTube.

2.1) Redaktor Gutenberga

Edytor Gutenberg ma dedykowany blok YouTube do osadzania filmów bezpośrednio w poście lub stronie. Aby wykonać zadanie, otwórz artykuł, w którym musisz dodać wideo.

Tam wyszukaj blok YouTube. Po znalezieniu go dodaj go do edytora.

Teraz wklej adres URL filmu i osadź go .

Film zostanie dodany do posta w ciągu kilku sekund.

Po prawej stronie edytora możesz zobaczyć opcję dostosowania wideo do urządzeń mobilnych. Ta opcja będzie pomocna, gdy otrzymasz przyzwoity ruch mobilny.

Opublikuj stronę po dokonaniu niezbędnych zmian.

W ten sposób możesz osadzać filmy z YouTube w WordPress za pomocą edytora Gutenberg.

2.2) Klasyczny edytor

W tej sekcji dowiesz się, jak używać klasycznego edytora do osadzania filmów z YouTube. Proces jest prosty; potrzebujesz tylko adresu URL filmu, który planujesz osadzić.

Najpierw otwórz post, w którym chcesz osadzić wideo.

Wklej adres URL filmu z YouTube w nowym akapicie i poczekaj kilka sekund.

Jak widać, takie proste!

Bonus: najlepsze wtyczki YouTube do WordPress

W tej sekcji znajdziesz najlepsze wtyczki YouTube, które upraszczają proces osadzania wideo.

1) Osadź Plus

Jeśli szukasz bogatej w funkcje wtyczki do osadzania filmów z YouTube, powinieneś sprawdzić Embed Plus . Embed Plus może pomóc Ci wyświetlić dowolny film, galerię, kanał, playlistę lub transmisję na żywo w Twojej witrynie. Wtyczka ma takie funkcje, jak autoodtwarzanie, automatyczne centrowanie filmów, wyświetlanie/ukrywanie opcji odtwarzacza wideo itp.

Embed Plus pozwala także wybrać niestandardową wysokość i szerokość odtwarzacza wideo. Jeśli nie planujesz używać funkcji niestandardowej szerokości i wysokości, zostanie użyta szerokość zawartości motywu. Ponieważ wtyczka może wyświetlać responsywne filmy, jest optymalnym rozwiązaniem dla użytkowników mobilnych i stacjonarnych.

Wtyczka jest również zoptymalizowana pod kątem edytora Gutenberg. Możesz użyć dedykowanego bloku Gutenberga, gdy chcesz osadzić film / film krótkometrażowy lub kanał YouTube. Daje to odwiedzającym łatwy dostęp do elementów osadzonych.

EmbedPlus to wtyczka freemium . Bezpłatną wersję można pobrać z repozytorium WordPress. Jeśli potrzebujesz bardziej niezawodnych funkcji, rozważ zakup premium Embed Plus. Ich subskrypcja premium zaczyna się od 39,99 USD rocznie .

2) Prezentacja YouTube

Jeśli potrzebujesz wysoce konfigurowalnej wtyczki, sprawdź YouTube Showcase . Dzięki YouTube Shwcvase możesz wyświetlać responsywne galerie na swojej stronie WordPress lub WooCommerce. Założenie galerii byłoby jednym z najlepszych wyborów, jeśli Twój kanał YouTube zawiera wiele filmów lub regularnie przesyłane są nowe.

Narzędzie ma dwie opcje widżetów paska bocznego – polecane i najnowsze filmy z YouTube. Możesz ich używać w obszarach widżetów paska bocznego lub gdziekolwiek indziej, aby wyświetlać filmy przy minimalnym wysiłku. Wtyczka jest również gotowa do tłumaczenia. Dlatego YouTube Showcase będzie doskonałym dodatkiem do Twojej wielojęzycznej witryny.

YouTube Showcase to narzędzie freemium . Bezpłatną wersję można pobrać z repozytorium, a ich subskrypcja premium zaczyna się od 99,99 USD rocznie .

Wniosek

Prowadząc bloga lub sklep WooCommerce musisz skupić się na zmniejszeniu współczynnika odrzuceń. Wysoki współczynnik odrzuceń może negatywnie wpłynąć na Twoją firmę i ogólny ranking w SERP. Aby zmniejszyć współczynnik odrzuceń i poprawić wrażenia użytkowników, możesz osadzać pomocne filmy z YouTube w swoich postach na blogu, stronach lub niestandardowych typach postów.

Dedykowana wtyczka, taka jak Embed Plus, byłaby pomocna, gdybyś potrzebował większej kontroli nad filmami . Możesz wybrać wiele rzeczy, takich jak współczynnik proporcji, autoodtwarzanie, wyśrodkowanie, opcja pełnoekranowa itp. Jeśli więc osadzasz wiele filmów i potrzebujesz ich doskonale zoptymalizowanych, wtyczka będzie świetnie pasować.

Z drugiej strony, jeśli uważasz , że dodanie dodatkowej wtyczki spowolniłoby Twoją witrynę, metoda ręczna byłaby wykonalna . Korzystanie z procesu ręcznego wiąże się z pewnymi ograniczeniami.

Ale obie metody działają dobrze i możesz wykonać zadanie bez kłopotów.

Mamy nadzieję, że ten artykuł okazał się pomocny i nauczyłeś się, jak osadzać filmy z YouTube w WordPress. Jeśli tak, rozważ udostępnienie tego postu znajomym i innym blogerom. Więcej powiązanych artykułów znajdziesz w naszym archiwum blogów.

Jakiej metody zamierzasz użyć do osadzania filmów z YouTube w WordPress?

Daj nam znać w komentarzach!

Podobne artykuły, które mogą Ci się spodobać:

• Najlepsze wtyczki optymalizujące szybkość WordPress – Top 5
• Najlepsze wtyczki Lazy Load dla WordPress – Top 6
• Jak zminimalizować pliki WordPress (CSS, HTML i JavaScript)