Czy wiesz, że filmy na Facebooku generują ponad 8 miliardów odsłon dziennie? A te 8 miliardów to dwa razy więcej niż rok temu? Ale jak dodać wideo z Facebooka do WordPressa?
Chociaż zasługa tego ogromnego sukcesu może być przypisana automatycznemu odtwarzaniu wideo i korzystnej metodologii liczenia wyświetleń, faktem jest, że wideo na Facebooku jest obecnie głównym graczem w konsumpcji wideo.
Ten samouczek pozwoli Ci korzystać z filmów z Facebooka, integrując je z artykułami i stronami WordPress. Pokażę ci, jak możesz łatwo osadzać filmy z Facebooka za pomocą edytora WordPress. Ponadto podam Ci informacje, w jaki sposób możesz zmodyfikować niektóre szczegóły wyświetlania filmów, aby na przykład włączyć autoodtwarzanie.
I na koniec, jeśli nie chcesz zabrudzić sobie rąk za pomocą pierwszej metody, pokażę ci również najłatwiejszą metodę osadzania filmów za pomocą iframe.
Ale wcześniej odkryjmy razem Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu.
Wróćmy do tego, dlaczego tu jesteśmy.
Zalety integracji wideo na Facebooku
Chociaż YouTube prawdopodobnie pozostanie królem wideo w przyszłości, widzę pewne korzyści z integracji filmów z Facebooka. Na przykład możesz ...
- Ciesz się transmisją na żywo - być może widzieliście popularną nową funkcję transmisji na żywo, którą ostatnio uruchomił Facebook. Kiedy osadzasz filmy za pomocą tej metody, będziesz mógł również osadzić transmisję na żywo z Facebooka na swojej stronie WordPress.
- Krzyżowa promocja strony na Facebooku - Integracja wideo z Facebookiem zapewnia kolejną metodę promowania Twojej strony na Facebooku w Twojej witrynie. Nawet jeśli już uwzględniłeś „ Lubi Lub udostępnia, osadzanie filmów bezpośrednio z Facebooka zapewnia inne połączenie. Oczywiście, jeśli próbujesz promować kanał YouTube, musisz wybrać, jakie są Twoje priorytety.
- Organizuj treści wideo z innych stron na Facebooku - jeśli widzisz wideo na Facebooku, które chcesz umieścić w poście lub na stronie, osadzanie jest właściwie jedyną opcją, chyba że chcesz przejść bezpośrednio do strony na Facebooku.
Jak zintegrować „Facebook Video” z JavaScript SDK
Ten proces tworzenia „wideo na Facebooku” jest dość bezbolesny. Nie wymaga jednak dodawania małego fragmentu kodu do motywu lub do zaprojektowanej przez Ciebie wtyczki. Ten fragment kodu jest niezbędny, ponieważ pozwala robić fajne rzeczy, takie jak dodawanie autoodtwarzania do osadzonych filmów.
Oto 10 najlepszych wtyczek WordPress do zarządzania reklamami
Aby rozpocząć, musisz dodać pakiet Facebook JavaScript SDK do nagłówka motywu. To po prostu fantazyjna nazwa dla tego fragmentu kodu:
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
Dla tych, którzy używają Motywy WordPress bez opcji wstrzykiwania treści, będziesz musiał uzyskać dostęp do pliku header.php motywu i dodać go zaraz po tagu następujący kod:
Idealnie powinieneś użyć motyw podrzędny i dodaj ten fragment do nagłówka.php motywu podrzędnego, a nie nadrzędnego.
Jak zintegrować filmy z Facebooka z WordPress? Dowiedz się również, klikając ten link
Po jednokrotnym dodaniu tego kodu skończysz z nim. Możesz osadzać filmy w dowolnym miejscu, używając standardowego kodu osadzania.
Jak zintegrować filmy z Facebooka
Aby wygenerować ten drugi fragment kodu, musisz znaleźć rzeczywisty adres URL filmu, który chcesz udostępnić, a następnie dodać ten adres URL do tego fragmentu:
Możesz także zmienić szerokość wideo w pikselach, zmieniając opcję „data-width” na inną liczbę.
Przeczytaj także nasz samouczek na temat Jak zoptymalizować bazę klikając na WordPressie
Istnieje kilka sposobów uzyskania tego adresu URL. Jeśli szukasz artykułu wideo w swoim kanale strony, możesz po prostu kliknąć prawym przyciskiem myszy znacznik czasu i skopiować adres URL:
Jeśli szukasz linku w trybie pełnoekranowym, adres URL możesz znaleźć w ten sam sposób:
Aby dać ci przykład z życia, oto jak wyglądałby kod osadzania po dodaniu adresu URL. Ustawimy szerokość wideo na 550 pikseli:
Po prostu wklej ten kod na karcie tekstowej edytora WordPress, aby osadzić wideo. Możesz również dodać ten kod do swojego paska bocznego lub w innym miejscu, które będzie obsługiwać ten kod:
Po opublikowaniu artykułu powinieneś zobaczyć osadzony film:
Jak włączyć automatyczny odczyt
Jedną z dużych zalet integracji filmów z Facebooka w ten sposób jest możliwość włączenia autoodtwarzania „Autoodtwarzania” (wyciszony) tak jak na Facebooku.
Zobacz także nasz artykuł na temat Podział społeczny 15 Najlepsze wtyczki WordPress
Jeśli chcesz dodać autoodtwarzanie do filmów na Facebooku, wystarczy dodać atrybut do kodu osadzania.
Oto atrybut, który musisz dodać:
danych autoplay = "true"
W pełnym osadzonym kodzie będzie to wyglądać następująco:
<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>Po wprowadzeniu tej zmiany Twoje filmy powinny być automatycznie odtwarzane na stronie lub w kwestionowanym poście.
Jak zintegrować filmy z Facebooka z iFrames
Jeśli nie chcesz się męczyć, Facebook dodał również integrację „iframe”. Ta funkcja jest prawie taka sama jak w YouTube. Tylko Ty powinieneś mieć świadomość, że nie będziesz mógł aktywować autoodtwarzania na Facebooku.
Odkryj nasze 10 wtyczek WordPress do poprawy promocji Twoich produktów
Tak więc, chociaż łatwiej jest dodawać filmy w ten sposób, ta metoda nie oferuje tak wielu funkcji, jak ta powyżej.
Aby znaleźć kod do umieszczenia na stronie, musisz najpierw kliknąć małą strzałkę w prawym górnym rogu postu wideo:
Następnie wybierz opcję „ integracja "Lub" osadzać "(Mój facebook jest w języku angielskim).
Otworzy się nowe okno, w którym możesz skopiować kod odtwarzacza, który zaoferuje wideo.
Po prostu skopiuj ten kod i wklej go na karcie tekstowej edytora WordPress:
Po opublikowaniu wideo powinieneś zobaczyć go dokładnie w taki sam sposób, jak w poprzednim przykładzie.
Odkryj także dodatkowe wtyczki WordPress premium
Możesz używać innych wtyczek do wyświetlania odliczania na blogu WordPress. Poniżej przedstawiam niektóre z nich.
1. Udostępnianie, drukowanie i produkty PDF dla WooCommerce
Ce WordPress Plugin pomoże Ci nie tylko zaoferować odwiedzającym możliwość przeglądania dowolnego pliku PDF udostępnionego im bezpośrednio w Twojej witrynie, ale także ułatwi im łatwe udostępnianie go.
Zapewnia wiele funkcji, takich jak drukowanie, pobieranie, powiększanie, udostępnianie i wiele innych. To jest WordPress Plugin którego układ jest całkowicie responsywny, aby umożliwić każdemu użytkownikowi dostęp do niego na urządzeniu mobilnym bez zbyt wielu ograniczeń.
Czytaj także 8 WordPress Wtyczki do wyświetlenia ikony udostępniania na swoim blogu
Oferuje również wiele opcji dostosowywania w celu dostosowania go do motywu WordPress. To da ci taką możliwość zmień kolor, aby użyć jakości obrazu Retina itp.
2. Octaboo
Oktabook jest WordPress Plugin bardzo łatwe w użyciu narzędzie premium i natychmiastowa rezerwacja spotkań dla prawie wszystkich rodzajów usług i dostawców usług, którzy chcą oferować Rezerwacja online ze strony internetowej.
Oferuje kilka funkcji, w tym: obsługę wielu lokalizacji, konfigurację usług, dynamiczne ceny, powiadomienia itp., obsługa dostosowywalnych pól formularzy, dostosowanie wyglądu, obsługa Kalendarza Google, intuicyjny pulpit nawigacyjny, eksport danych do formatu csv i wiele innych.
3. Wtyczka YouTube
Przygotuj swoją witrynę internetową w najlepszy możliwy sposób do przesyłania strumieniowego filmów z YouTube. Yottie - jego małe imię - to potężna wtyczka WordPress przeznaczona do zarządzania i integracji filmów z YouTube na Twojej stronie lub blogu.
Pozwala wybrać pożądane kanały, a nawet unikalne filmy, aby stworzyć własną listę odtwarzania bezpośrednio na blogu. Ma więcej niż regulowane parametry 100, palety kolorów 4 i obsługuje prawie języki 16. Krótko mówiąc, będziesz mieć mnóstwo rzeczy do dostosowania.
Odkrywaj Jak się zarejestrować i optymalizować obrazy swoim blogu WordPress
Ta galeria filmów WordPress poświęcona YouTube jest w pełni responsywna, dzięki czemu możesz dotrzeć do szerokiego grona odbiorców za pomocą dowolnego urządzenia nawigacyjnego.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jak do kompresji i rozmiar zdjęć na WordPressie
- Wtyczki 5 WordPress umożliwiają tworzenie niestandardowych układów
- Dlaczego freelancerzy potrzebują codziennego harmonogramu
- Wtyczki 15 WordPress do utworzenia strony rezerwacyjnej
- Wtyczki 5 WordPress, aby zwiększyć liczbę subskrybentów
Wnioski
Tutaj jest ! To wszystko w tym samouczku. Mam nadzieję, że ten przegląd pomoże Ci zrozumieć, jak osadzać wideo z Facebooka na WordPress. Jeśli masz jakieś pytania, nie wahaj się ich zadać.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.
Nie wahaj się udostępnij ten artykuł znajomym w swoich ulubionych sieciach społecznościowych. Ale w międzyczasie opowiedz nam o swoim commentaires i sugestie w dedykowanej sekcji.
...
