Vidste du, at Facebook-videoer genererer mere end 8 milliarder sidevisninger hver dag? Og at 8 milliarder er det dobbelte af antallet for et år siden? Men hvordan tilføjer du en Facebook-video til WordPress?
Mens æren for denne massive succes kan tilskrives automatisk videoafspilning og en gunstig metode til visningstælling, er faktum stadig, at Facebook-video er en vigtig spiller inden for videoforbrug i dag.
Denne tutorial giver dig mulighed for at bruge Facebook-videoer ved at integrere den i dine WordPress-artikler og -sider. Jeg vil vise dig, hvordan du nemt kan integrere Facebook-videoer gennem WordPress-editoren. Derudover vil jeg give dig information om, hvordan du kan ændre nogle visningsoplysninger om videoer for f.eks. At aktivere automatisk afspilning.
Og til sidst, hvis du ikke ønsker at få dine hænder beskidt med den første metode, viser jeg dig også den nemmeste metode til at integrere videoer via en iframe.
Men før, lad os opdage sammen Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog.
Så tilbage til, hvorfor vi er her.
Fordelene ved Facebook Video Integration
Mens YouTube sandsynligvis forbliver kongen af video i fremtiden, ser jeg nogle fordele ved at integrere Facebook-videoer. For eksempel kan du ...
- Nyd livestreaming - du har måske set den populære nye live streaming-funktion, som Facebook for nylig lancerede. Når du integrerer videoer med denne metode, vil du også være i stand til at integrere Facebook live streaming på dit WordPress-websted.
- Kryds reklame for din Facebook-side - Facebook-videointegration giver en anden metode til at promovere din Facebook-side på dit websted. Selvom du allerede har inkluderet " Synes godt om Eller delinger, indlejring af videoer direkte fra Facebook giver en anden forbindelse. Hvis du prøver at promovere en YouTube-kanal, skal du selvfølgelig vælge, hvor dine prioriteter er.
- Organiser videoindhold fra andre Facebook-sider - hvis du ser en video på Facebook, som du vil medtage i et indlæg eller en side, er indlejring stort set den eneste mulighed, medmindre du vil gå direkte til Facebook-siden.
Sådan integreres "Facebook-video" med JavaScript SDK
Denne proces med at oprette "Facebook-video" er ret smertefri. Men det kræver ikke at tilføje et lille kodestykke til dit tema eller til et plugin, som du har designet. Dette kodestykke er nødvendigt, fordi det giver dig mulighed for at gøre smarte ting som at tilføje autoplay til dine indlejrede videoer.
Her er 10 bedste WordPress-plugins, der skal bruges til at administrere reklame
Så for at komme i gang skal du tilføje Facebook JavaScript SDK til dit temas overskrift. Det er dybest set et fancy navn til dette stykke kode:
(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'));
For dem der bruger WordPress-temaer uden mulighed for indholdsinjektion skal du få adgang til dit temas header.php-fil og tilføje lige efter tagget følgende kode:
Ideelt set bør du bruge et barn tema og tilføj dette uddrag til dit underordnede header.php snarere end forælderen.
Hvordan integreres Facebook-videoer på WordPress? Find ud af det også ved at klikke på dette link
Når du har tilføjet denne kode en gang, er du færdig med den. Du kan integrere videoer hvor som helst du ønsker ved hjælp af standardindlejringskode.
Sådan integreres Facebook-videoer
For at generere denne anden bit kode skal du finde den aktuelle URL til den video, du vil dele, og derefter tilføje denne url til dette uddrag:
Du kan også ændre videobredden i pixels ved at ændre indstillingen "databredde" til et andet nummer.
Læs også vores tutorial om Hvordan man kan optimere en database ved at klikke på WordPress
Der er flere måder at få denne URL på. Hvis du leder efter en videoartikel i dit sidefeed, kan du bare højreklikke på tidsstemplet og kopiere url:
Hvis du leder efter linket i fuldskærmstilstand, kan du finde URL'en på samme måde:
For at give dig et virkeligt eksempel, her er hvordan indlejringskoden ville se ud efter tilføjelse af URL. Vi indstiller videobredden til 550 pixel:
Indsæt bare denne kode i tekstfanen i WordPress-editoren for at integrere videoen. Du kan også tilføje denne kode til dit sidebjælke eller andre steder, der understøtter denne kode:
Når du har offentliggjort artiklen, skal du se den indlejrede video:
Sådan aktiveres automatisk aflæsning
En af de store fordele ved at integrere Facebook-videoer på denne måde er muligheden for at aktivere autoplay (Autoplay) (dæmpet) Samt på Facebook.
Se også vores artikel om social deling 15 De bedste WordPress plugins
Hvis du vil tilføje autoplay på Facebook-videoer, skal du bare tilføje en attribut til din integreringskode.
Her er den attribut, du skal tilføje:
data-autoplay = "true"
I den komplette indlejrede kode ser det sådan ud:
<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 foretaget denne ændring, skal dine videoer automatisk afspilles på den pågældende side eller det pågældende indlæg.
Sådan integreres Facebook-videoer med iFrames
Hvis du ikke ønsker at rack din hjerne, har Facebook også tilføjet "iframe" -integrationen. Denne funktion er stort set den samme som på YouTube. Kun du skal være opmærksom på, at du ikke vil kunne aktivere autoplay på Facebook.
Opdag vores 10 WordPress-plugins for at forbedre promoveringen af dine produkter
Så selvom det er lettere at tilføje videoer på denne måde, tilbyder denne metode ikke så mange funktioner som ovenstående.
For at finde indlejringskoden skal du først klikke på den lille pil øverst til højre i et videoindlæg:
Vælg derefter indstillingen " integration "Eller" Integrer "(Min facebook er på engelsk).
Et nyt vindue åbnes for at give dig mulighed for at kopiere koden til den afspiller, der tilbyder videoen.
Kopier bare denne kode og indsæt den i WordPress-editorens tekstfane:
Når du offentliggør videoen, skal du se den på nøjagtigt samme måde som i det foregående eksempel.
Find også nogle ekstra premium WordPress-plugins
Du kan bruge andre plugins til at vise nedtællinger på din WordPress-blog. I det følgende foreslår jeg nogle af dem.
1. Share, Print og PDF produkter til WooCommerce
Ce WordPress plugin vil ikke kun hjælpe dig med at tilbyde dine besøgende muligheden for at se enhver PDF, der er tilgængelig for dem direkte på dit websted, men det vil også hjælpe dem til nemt at dele det.
Det giver dig mange funktioner såsom udskrivning, download, zoom, deling og meget mere. Dette er en WordPress plugin hvis layout er fuldstændig responsivt, for at give enhver bruger mulighed for at få adgang til det på deres mobile enhed uden for mange begrænsninger.
Læs også 8 WordPress-plugins til at vise delingsikonerne på din blog
Det giver dig også mange tilpasningsmuligheder for at tilpasse det til dit WordPress-tema. Dette giver dig muligheden for skift farve, for at bruge Retina-billedkvalitet osv.
Downloade | demo | Web-hosting
2. Octaboo
Octabog er et WordPress plugin meget let at bruge premium og øjeblikkelig aftalebestillingsværktøj til næsten alle typer tjenester og tjenesteudbydere, der ønsker at tilbyde Online Booking fra en hjemmeside.
Det tilbyder flere funktioner, herunder: support til flere lokaliseringer, konfiguration af tjenester, dynamisk prisfastsættelse, meddelelser osv., support til tilpassede felter til formularer, tilpasning af udseende, support til Google Kalender, et intuitivt betjeningspanel, eksport af data til csv-format og meget mere.
Downloade | demo | Web-hosting
3. YouTube-plugin
Forbered dit websted på den bedst mulige måde til streaming af YouTube-videoer. Yottie - hans lille navn - er et kraftfuldt WordPress-plugin dedikeret til styring og integration af YouTube-videoer på dit websted eller din blog.
Det giver dig mulighed for at vælge de ønskede kanaler og endda unikke videoer for at oprette din egen playlist direkte på din blog. Det har mere end 100 justerbare parametre, 4 farvepaletter og understøtter næsten 16 sprog. Kort sagt, har du mange ting at tilpasse.
Oplev Sådan registrerer og optimerer billeder af din WordPress blog
Dette WordPress-videogalleri dedikeret til YouTube reagerer fuldt ud, så du kan dække et bredt publikum med enhver form for navigationsenhed.
Downloade | demo | Web-hosting
Anbefalede ressourcer
Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.
- Hvordan til at komprimere og ændre størrelse på billeder på WordPress
- 5 WordPress plugins til at oprette brugerdefinerede layout
- Hvorfor freelancere har brug for en daglig plan
- 15 WordPress-plugins til oprettelse af en bookingwebsted
- 5 WordPress-plugins for at øge dit antal abonnenter
Konklusion
Her er ! Det er det til denne tutorial. Håber denne oversigt hjælper dig med at forstå, hvordan du integrerer Facebook-video på WordPress. Hvis du har spørgsmål, tøv ikke med at stille dem.
Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.
du er velkommen til del denne artikel med dine venner på dine foretrukne sociale netværk. Men i mellemtiden, fortæl os om din kommentarer og forslag i det dedikerede afsnit.
...
