Visste du att Facebook-videor genererar mer än 8 miljarder sidvisningar varje dag? Och att 8 miljarder är dubbelt så många för ett år sedan? Men hur lägger du till en Facebook-video till WordPress?
Medan krediten för denna enorma framgång kan tillskrivas automatisk videouppspelning och en gynnsam metod för visningsräkning, är faktum fortfarande att Facebook-video är en viktig spelare inom videokonsumtion idag.
Denna handledning låter dig använda Facebook-videor genom att integrera den i dina WordPress-artiklar och sidor. Jag visar dig hur du enkelt kan bädda in Facebook-videor genom WordPress-redigeraren. Dessutom kommer jag att ge dig information om hur du kan ändra vissa visningsdetaljer för videor för att möjliggöra automatisk uppspelning till exempel.
Och slutligen, om du inte vill göra dina händer smutsiga med den första metoden, kommer jag också att visa dig den enklaste metoden att bädda in videor via en iframe.
Men innan, låt oss upptäcka tillsammans Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg.
Sedan, tillbaka till varför vi är här.
Fördelarna med Facebook Video Integration
Även om YouTube sannolikt kommer att förbli kungen av video för framtiden, ser jag några fördelar med att integrera Facebook-videor. Till exempel kan du ...
- Njut av liveströmning - du kanske har sett den populära nya livestreamingsfunktionen som Facebook nyligen lanserade. När du bäddar in videor med den här metoden kommer du också att kunna bädda in Facebook direktuppspelning på din WordPress-webbplats.
- Korsa marknadsföring av din Facebook-sida - Facebook-videointegration ger en annan metod för att marknadsföra din Facebook-sida på din webbplats. Även om du redan har inkluderat " Gillar Eller delar, inbäddning av videor direkt från Facebook ger en annan anslutning. Naturligtvis, om du försöker marknadsföra en YouTube-kanal, måste du välja var dina prioriteringar är.
- Organisera videoinnehåll från andra Facebook-sidor - om du ser en video på Facebook som du vill inkludera i ett inlägg eller en sida är inbäddning i stort sett det enda alternativet om du inte vill gå direkt till Facebook-sidan.
Hur man integrerar "Facebook-video" med JavaScript SDK
Denna process med att skapa "Facebook-video" är ganska smärtfri. Men det kräver inte att du lägger till ett litet kodavsnitt till ditt tema eller till ett plugin som du har designat. Det här kodavsnittet är nödvändigt eftersom det låter dig göra snygga saker som att lägga till autoplay i dina inbäddade videor.
här är 10 bästa WordPress-plugins som kan användas för att hantera reklam
Så för att komma igång måste du lägga till Facebook JavaScript SDK i ditt temas rubrik. Det är i grunden ett snyggt namn för denna kod:
(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'));
För de som använder WordPress-teman utan alternativ för innehållsinjektion måste du komma åt ditt temas header.php-fil och lägga till direkt efter taggen följande kod:
Helst bör du använda ett barntema och lägg till detta kodavsnitt till ditt huvudtemahuvud.php snarare än föräldern.
Hur integrerar jag Facebook-videor på WordPress? Ta reda på det också genom att klicka på den här länken
När du har lagt till den här koden en gång är du klar med den. Du kan bädda in videor var du än vill med standardbäddkod.
Hur man integrerar Facebook-videor
För att generera den andra kodbiten måste du hitta den faktiska webbadressen till videon du vill dela och sedan lägga till denna webbadress i det här utdraget:
Du kan också ändra videobreddens bredd i pixlar genom att ändra alternativet "databredd" till ett annat nummer.
Läs även vår handledning om Hur man optimerar en databas genom att klicka på Wordpress
Det finns flera sätt att få denna webbadress. Om du letar efter en videoartikel i ditt sidflöde kan du bara högerklicka på tidsstämpeln och kopiera webbadressen:
Om du letar efter länken i helskärmsläge kan du hitta webbadressen på samma sätt:
För att ge dig ett verkligt exempel, här är hur inbäddningskoden skulle se ut efter att du lagt till webbadressen. Vi ställer in videobredden till 550 pixlar:
Klistra bara in den här koden i WordPress-redigerarens textflik för att bädda in videon. Du kan också lägga till den här koden i sidofältet eller någon annanstans som stöder den här koden:
När du publicerar artikeln bör du se den inbäddade videon:
Så här aktiverar Auto
En av de stora fördelarna med att integrera Facebook-videor på detta sätt är möjligheten att aktivera autoplay "Autoplay" (dämpad) Förutom att på Facebook.
Se även vår artikel om social delning 15 De bästa Wordpress plugins
Om du vill lägga till autoplay på Facebook-videor behöver du bara lägga till ett attribut till din inbäddningskod.
Här är attributet du behöver lägga till:
dataautoplay = "true"
I den kompletta inbäddade koden ser det ut så här:
<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>När du har gjort den här ändringen bör dina videor spelas automatiskt på sidan eller inlägget i fråga.
Hur du integrerar Facebook-videor med iFrames
Om du inte vill hänga på hjärnan lade Facebook också till "iframe" -integrationen. Den här funktionen är ungefär densamma som på YouTube. Bara du bör vara medveten om att du inte kommer att kunna aktivera autoplay på Facebook.
Upptäck vårt 10 WordPress-plugins för att förbättra marknadsföringen av dina produkter
Så även om det är enklare att lägga till videor på det här sättet, erbjuder den här metoden inte så många funktioner som ovan.
För att hitta inbäddningskoden måste du först klicka på den lilla pilen längst upp till höger i ett videopost:
Välj sedan alternativet " integration "Eller" embed '(Min facebook är på engelska).
Ett nytt fönster öppnas så att du kan kopiera spelarens kod som kommer att erbjuda videon.
Kopiera bara den här koden och klistra in den i WordPress-redigerarens textflik:
När du publicerar videon bör du se den på exakt samma sätt som i föregående exempel.
Upptäck också några extra premium WordPress-plugins
Du kan använda andra plugins för att visa nedräkningar på din WordPress-blogg. I det följande föreslår jag några av dem.
1. Dela, Skriv ut och PDF-produkter för WooCommerce
Ce Wordpress plugin kommer inte bara att hjälpa dig att erbjuda dina besökare möjligheten att se alla PDF-filer som görs tillgängliga för dem direkt på din webbplats, utan det kommer också att hjälpa dem att enkelt dela den.
Det ger dig många funktioner som att skriva ut, ladda ner, zooma, dela och mycket mer. Det här är en Wordpress plugin vars layout är helt responsiv, för att tillåta alla användare att komma åt den på sin mobila enhet utan alltför många begränsningar.
Läs också 8 WordPress-plugins för att visa delningsikonerna på din blogg
Det erbjuder också många anpassningsalternativ för att anpassa det till ditt WordPress-tema. Detta ger dig möjlighet att ändra färg, för att använda Retina-bildkvalitet etc.
Ladda ner | demo | webbhotell
2. Octaboo
Oktabok är en Wordpress plugin mycket lättanvänt premium- och omedelbart mötesbokningsverktyg för nästan alla typer av tjänster och tjänsteleverantörer som vill erbjuda Online bokning från en webbplats.
Det erbjuder flera funktioner, inklusive: stöd för multipel lokalisering, konfigurering av tjänster, dynamisk prissättning, meddelanden etc., stöd för anpassningsbara fält för formulär, anpassning av utseende, support för Google Kalender, en intuitiv instrumentpanel, export av data till csv-format och mycket mer.
Ladda ner | demo | webbhotell
3. YouTube Plugin
Förbered din webbplats på bästa möjliga sätt för att streama YouTube-videor. Yottie - hans lilla namn - är ett kraftfullt WordPress-plugin tillägnad hantering och integration av YouTube-videor på din webbplats eller blogg.
Det låter dig välja önskade kanaler och till och med unika videor för att skapa din egen spellista direkt på din blogg. Det har mer än 100 justerbara parametrar, 4 färgpaletter och stöder nästan 16 språk. Kort sagt kommer du att ha massor av saker att anpassa.
Upptäck Hur man registrerar och optimera bilder av din Wordpress blogg
Detta WordPress-videogalleri tillägnad YouTube är helt lyhört så du kan täcka en bred publik med alla slags navigationsenheter.
Ladda ner | demo | webbhotell
Rekommenderade resurser
Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.
- Hur komprimera och ändra storlek på bilder på Wordpress
- 5 WordPress plugins för att skapa anpassade layouter
- Varför frilansare behöver ett dagligt schema
- 15 WordPress-plugins för att skapa en bokningswebbplats
- 5 WordPress-plugins för att öka ditt antal prenumeranter
Slutsats
Här är ! Det är det för denna handledning. Hoppas den här översikten hjälper dig att förstå hur du bäddar in Facebook-video på WordPress. Om du har några frågor, tveka inte att ställa dem.
Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.
Känn dig fri att dela den här artikeln med dina vänner på dina favorit sociala nätverk. Men under tiden berätta om din commentaires och förslag i det dedikerade avsnittet.
.
