Jeste li znali da Facebook videi generiraju više od 8 milijardi pregleda stranica svaki dan? A tih 8 milijardi duplo je više nego prije godinu dana? Ali kako dodati Facebook video na WordPress?
Iako se zasluge za ovaj ogroman uspjeh mogu pripisati automatskoj reprodukciji video zapisa i povoljnoj metodologiji brojanja pregleda, ostaje činjenica da je Facebook video danas glavni igrač u potrošnji videozapisa.
Ovaj vodič će vam omogućiti upotrebu Facebook video zapisa integrirajući ih u vaše WordPress članke i stranice. Pokazat ću vam kako lako možete ugraditi Facebook video zapise putem WordPress uređivača. Uz to, dat ću vam informacije o tome kako možete izmijeniti određene detalje prikaza videozapisa kako biste, primjerice, omogućili automatsku reprodukciju.
I na kraju, ako se prvom metodom ne želite umazati rukama, pokazat ću vam i najlakšu metodu za ugrađivanje videozapisa putem iframea.
Ali prije, otkrijmo zajedno Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog.
Zatim, natrag zašto smo ovdje.
Prednosti Facebook video integracije
Iako će YouTube vjerojatno ostati kralj videozapisa u budućnosti, vidim neke prednosti integriranja Facebook videa. Na primjer, možete ...
- Uživajte u live streamingu - možda ste vidjeli popularnu novu značajku streaminga uživo koju je Facebook nedavno pokrenuo. Kada ugrađujete videozapise ovom metodom, moći ćete i ugrađivati Facebook streaming uživo na svoju web stranicu WordPress.
- Unakrsna promocija vaše Facebook stranice - Facebook video integracija pruža još jedan način za promociju vaše Facebook stranice na vašoj web stranici. Čak i ako ste već uključili " Voli Ili dijeljenje, ugrađivanje videozapisa izravno s Facebooka pruža drugu vezu. Naravno, ako pokušavate promovirati YouTube kanal, morat ćete odabrati gdje su vam prioriteti.
- Organizirajte video sadržaje s drugih Facebook stranica - ako na Facebooku vidite video koji želite uključiti u post ili stranicu, ugrađivanje je u velikoj mjeri jedina opcija osim ako ne želite ići izravno na Facebook stranicu.
Kako integrirati "Facebook Video" s JavaScript SDK-om
Ovaj postupak postavljanja "Facebook videa" prilično je bezbolan. Ali, ne zahtijeva dodavanje malog isječka koda vašoj temi ili dodatku koji ste dizajnirali. Ovaj isječak koda potreban je jer vam omogućuje izvrsne stvari poput dodavanja automatske reprodukcije ugrađenim videozapisima.
ovdje su 10 najboljih WordPress dodataka za upravljanje oglašavanjem
Dakle, za početak trebate dodati Facebook JavaScript SDK u zaglavlje teme. U osnovi je to lijepo ime za ovaj dio koda:
(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'));
Za one koji koriste WordPress teme bez opcije ubacivanja sadržaja, morat ćete pristupiti datoteci header.php vaše teme i dodati odmah nakon oznake sljedeći kod:
U idealnom slučaju, trebali biste je koristiti dječja tema i dodajte ovaj isječak svojoj dječjoj temi header.php, a ne roditelju.
Kako integrirati Facebook videozapise na WordPress? Saznajte i klikom na ovu vezu
Nakon što ste jednom dodali ovaj kôd, gotovi ste s njim. Videozapise možete ugrađivati bilo gdje želite koristeći standardni ugrađeni kôd.
Kako integrirati Facebook videozapise
Da biste generirali ovaj drugi bit koda, morat ćete pronaći stvarni URL videozapisa koji želite podijeliti, a zatim dodajte ovaj url u ovaj isječak:
Također možete promijeniti širinu video zapisa u pikselima tako što ćete promijeniti opciju "data-width" na drugi broj.
Pročitajte i naš vodič o Kako optimizirati bazu podataka klikom na WordPress
Postoji nekoliko načina za dobivanje ovog URL-a. Ako tražite video članak u feedu svoje stranice, možete samo desnom tipkom miša kliknuti vremensku oznaku i kopirati url:
Ako vezu tražite u načinu cijelog zaslona, URL možete pronaći na isti način:
Da bismo vam dali primjer iz stvarnog života, evo kako bi izgledao ugrađeni kôd nakon dodavanja URL-a. Postavit ćemo širinu videozapisa na 550px:
Jednostavno zalijepite ovaj kôd na karticu teksta u uređivaču WordPress da biste ugradili videozapis. Ovaj kôd možete dodati i na bočnu traku ili negdje drugdje koji će podržavati ovaj kôd:
Nakon što objavite članak, trebali biste vidjeti ugrađeni videozapis:
Kako bi se omogućilo automatsko čitanje
Jedna od velikih prednosti integriranja Facebook videa na ovaj način je mogućnost omogućavanja automatske reprodukcije "Autoplay" (prigušen) Kao i na Facebooku.
Pogledajte i naš članak o 15 najbolji socijalni dijeljenje WordPress dodataka
Ako želite dodati automatsku reprodukciju na Facebook videozapisima, morat ćete dodati atribut svom ugrađenom kodu.
Evo atributa koji trebate dodati:
podataka autoplay = "true"
U kompletnom ugrađenom kodu izgledat će ovako:
<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>
Nakon što napravite ovu promjenu, vaši videozapisi trebali bi se automatski reproducirati na dotičnoj stranici ili postu.
Kako integrirati Facebook videozapise s iFrames
Ako ne želite nabiti svoj mozak, Facebook je također dodao integraciju "iframe". Ova je funkcija gotovo ista kao na YouTubeu. Samo vi trebate biti svjesni da nećete moći aktivirati automatsku reprodukciju na Facebooku.
Otkrijte naše 10 WordPress dodataka za poboljšanje promocije vaših proizvoda
Dakle, iako je na ovaj način lakše dodati videozapise, ova metoda ne nudi toliko značajki kao ona gore.
Da biste pronašli ugrađeni kôd, prvo morate kliknuti na strelicu u gornjem desnom kutu video posta:
Zatim odaberite opciju " integracija "Ili" Ugraditi '(Moj facebook je na engleskom jeziku).
Otvorit će se novi prozor koji će vam omogućiti kopiranje koda playera koji će ponuditi video.
Jednostavno kopirajte ovaj kod i zalijepite ga na karticu teksta uređivača WordPress:
Kada objavite videozapis, trebali biste ga vidjeti na potpuno isti način kao u prethodnom primjeru.
Otkrijte i neke dodatne premium WordPress dodatke
Možete koristiti druge dodatke za prikaz odbrojavanja na svom WordPress blogu. U nastavku teksta predlažem neke od njih.
1. Podijelite, ispišite i PDF proizvode za WooCommerce
Ce WordPress plugin ne samo da će vam pomoći da svojim posjetiteljima ponudite mogućnost gledanja bilo kojeg PDF-a koji im je dostupan izravno na vašoj web stranici, već će im također pomoći da ga jednostavno dijele.
Omogućuje vam mnoge značajke kao što su ispis, preuzimanje, zumiranje, dijeljenje i još mnogo toga. Ovo je WordPress plugin čiji je izgled potpuno responzivan, kako bi svakom korisniku omogućio pristup na svom mobilnom uređaju bez prevelikih ograničenja.
Pročitajte također 8 WordPress dodaci za prikaz ikona za dijeljenje na vašem blogu
Također vam nudi mnogo mogućnosti prilagodbe kako biste ga prilagodili vašoj WordPress temi. Ovo će vam pružiti priliku da promijeniti boju, za korištenje kvalitete Retina slike itd.
Preuzmite | demo | Web hosting
2. Octaboo
Octabook je WordPress plugin vrlo jednostavan za korištenje vrhunski alat za trenutnu rezervaciju termina za gotovo sve vrste usluga i pružatelja usluga koje žele ponuditi Online Booking s web stranice.
Nudi nekoliko značajki, uključujući: podršku za višestruku lokalizaciju, konfiguraciju usluga, dinamičke cijene, obavijesti itd., podrška prilagodljivim poljima obrazaca, prilagođavanje izgleda, podrška za Google kalendar, intuitivna nadzorna ploča, izvoz podataka u csv format i još mnogo toga.
Preuzmite | demo | Web hosting
3. Dodatak za YouTube
Pripremite svoju web stranicu na najbolji mogući način za strujanje YouTube videozapisa. Yottie - njegovo malo ime - moćan je WordPress dodatak posvećen upravljanju i integraciji YouTube videozapisa na vašoj web stranici ili blogu.
Omogućuje vam odabir željenih kanala, pa čak i jedinstvenih videozapisa za izradu vlastitog popisa za reprodukciju izravno na blogu. Ima više od podesivih parametara 100, palete boja 4 i podržava gotovo 16 jezike. Ukratko, imat ćete mnoštvo stvari za prilagodbu.
Otkrijte Kako se registrirati i optimizirati slike vaš WordPress blog
Ova WordPress video galerija posvećena YouTubeu u potpunosti je responzivna, tako da možete pokriti široku publiku bilo kojom vrstom navigacijskog uređaja.
Preuzmite | demo | Web hosting
Preporučeni resursi
Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.
- Kako komprimirati i veličinu slike na WordPress
- 5 WordPress dodataka za izradu prilagođenih izgleda
- Zašto freelanceri trebaju dnevni raspored
- 15 WordPress dodataka za izradu web stranice za rezervaciju
- 5 WordPress dodaci za povećanje broja pretplatnika
Zaključak
Ovdje je ! To je sve za ovaj vodič. Nadam se da će vam ovaj pregled pomoći da razumijete kako ugraditi Facebook video na WordPress. Ako imate bilo kakvih pitanja, ne oklijevajte ih postaviti.
Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.
slobodno se ovaj članak podijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. Ali, u međuvremenu, recite nam nešto o svom Komentari i prijedloge u posebnom odjeljku.
...