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:

dodati-u kod-of-the-zaglavlju-dun-temu

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:

integracija za video-facebook

Ako vezu tražite u načinu cijelog zaslona, ​​URL možete pronaći na isti način:

oporavak-na-link-dina-video-in-cijelog zaslona

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:

add-code-of-the editor-vizualni de wordpress

Nakon što objavite članak, trebali biste vidjeti ugrađeni videozapis:

Pregled-dina-video integriran-od-facebook na wordpress

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:

dodajte Facebook video na WordPress

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.

integrirani kod-facebook

Jednostavno kopirajte ovaj kod i zalijepite ga na karticu teksta uređivača WordPress:

tijesto-kod-integrabilne na facebook

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.

Pdf katalog proizvoda za woocommerce

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.

Octabook

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. 

Dodatak za Youtube - wordpress youtube galerija

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.

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.

...