Gå till innehållet

Hur man kan integrera en video på Facebook Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

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 dem som använder WordPress-teman utan ett innehållsinjektionsalternativ måste du komma åt ditt temas header.php-fil och lägga till strax efter taggen följande kod:

add-kod-of-the-header-dun-tema

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:

integration till video-facebook

Om du letar efter länken i helskärmsläge kan du hitta webbadressen på samma sätt:

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

åter-the-link-dyn-video-in-helskärm

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:

add-kod-of-redaktören visuell de wordpress

När du publicerar artikeln bör du se den inbäddade videon:

översikt-dyn-video-integrerad-from-facebook-on-wordpress

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:

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:

lägg till en Facebook-video till WordPress

Välj sedan alternativet " integration "Eller" embed '(Min facebook är på engelska).

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Ett nytt fönster öppnas så att du kan kopiera spelarens kod som kommer att erbjuda videon.

integrerad code-facebook

Kopiera bara den här koden och klistra in den i WordPress-redigerarens textflik:

en pasta-code-integrerbar-on-facebook

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

Detta WordPress-plugin hjälper dig inte bara att erbjuda dina besökare möjlighet att direkt se på din webbplats vilken PDF som finns tillgänglig för dem, utan det kommer också att hjälpa dem att enkelt dela den.

Pdf-produktkatalog för woocommerce

Det ger dig många funktioner som utskrift, nedladdning, zoomning, delning och mer. Detta är ett WordPress-plugin vars layout är fullständigt lyhörd, så att alla användare kan komma åt det 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. Instagram Testimonials

Den premium WordPress Instagram Testimonials-plugin tillåter dig visa Instagram-inlägg av dina kunder som vittnesbörd på din webbplats. Missa inte denna nya trend och använd sociala nätverk för att skapa förtroende för dina kunder. Om de verkligen uppskattar dina tjänster och delar dem på Instagram, varför inte skryta med det?

Plugin för Instagram-testimonials för wordpress

Så visa deras positiva intryck som vittnesmål på din webbplats med en igenkännlig design. Lägg till klistermärken och gör dem mer iögonfallande, markera fraserna för att fånga ögat, ställ in rankningen och du kommer att se hur mycket iögonfallande detta WordPress-plugin är.

Upptäck Hur man tar bort sträng v = xxx från WordPress-webbadresser

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. 

Youtube plugin - wordpress youtube galleri

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

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
3 aktier
del1
tweet
Enregistrer2