Wist je dat Facebook-video's elke dag meer dan 8 miljard paginaweergaven genereren? En die 8 miljard is het dubbele van een jaar geleden? Maar hoe voeg je een Facebook-video toe aan WordPress?
Hoewel de eer voor dit enorme succes kan worden toegeschreven aan het automatisch afspelen van video's en een gunstige methode om het aantal weergaven te tellen, blijft het een feit dat Facebook-video tegenwoordig een belangrijke speler is in de videoconsumptie.
Met deze tutorial kun je Facebook-video's gebruiken door deze te integreren in je WordPress-artikelen en -pagina's. Ik zal je laten zien hoe je eenvoudig Facebook-video's kunt insluiten via de WordPress-editor. Daarnaast zal ik je informatie geven over hoe je bepaalde weergavedetails van video's kunt wijzigen om bijvoorbeeld automatisch afspelen in te schakelen.
En tot slot, als je je handen niet vuil wilt maken met de eerste methode, zal ik je ook de gemakkelijkste methode laten zien om video's in te sluiten via een iframe.
Maar laten we eerst samen ontdekken Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog.
Ga dan terug naar waarom we hier zijn.
De voordelen van Facebook Video-integratie
Hoewel YouTube in de toekomst waarschijnlijk de koning van video zal blijven, zie ik enkele voordelen van de integratie van Facebook-video's. U kunt bijvoorbeeld ...
- Geniet van live streaming - je hebt misschien de populaire nieuwe livestream-functie gezien die Facebook onlangs heeft gelanceerd. Wanneer u video's met deze methode insluit, kunt u ook livestreaming van Facebook op uw WordPress-website insluiten.
- Cross-promotie van uw Facebook-pagina - Facebook-video-integratie biedt een andere methode om uw Facebook-pagina op uw website te promoten. Zelfs als je al hebt opgenomen " sympathieën Of delen, video's rechtstreeks insluiten van Facebook zorgt voor een andere verbinding. Als je een YouTube-kanaal probeert te promoten, moet je natuurlijk kiezen waar je prioriteiten liggen.
- Organiseer video-inhoud van andere Facebook-pagina's - als je een video op Facebook ziet die je in een bericht of pagina wilt opnemen, is insluiten vrijwel de enige optie, tenzij je rechtstreeks naar de Facebook-pagina wilt gaan.
Hoe "Facebook Video" te integreren met de JavaScript SDK
Dit proces van het opzetten van "Facebook-video" is vrij pijnloos. Maar je hoeft geen klein stukje code toe te voegen aan je thema of aan een plug-in die je hebt ontworpen. Dit codefragment is nodig omdat je er handige dingen mee kunt doen, zoals autoplay toevoegen aan je ingesloten video's.
Dit zijn 10 beste WordPress-plug-ins om advertenties te beheren
Dus om te beginnen, moet je de Facebook JavaScript SDK toevoegen aan de header van je thema. Het is eigenlijk een mooie naam voor dit stukje code:
(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'));
Voor degenen die gebruik maken van WordPress-thema's zonder de optie voor het injecteren van inhoud, moet je het header.php-bestand van je thema openen en direct na de tag toevoegen de volgende code:
Idealiter zou je moeten gebruiken een kinderthema en voeg dit fragment toe aan de header.php van uw kindthema in plaats van de ouder.
Hoe Facebook-video's op WordPress integreren? Ontdek het ook door op deze link te klikken
Nadat u deze code eenmaal heeft toegevoegd, bent u er klaar mee. U kunt video's overal insluiten met de standaard insluitcode.
Hoe Facebook-video's te integreren
Om dit tweede stukje code te genereren, moet je de daadwerkelijke URL van de video die je wilt delen, vinden en vervolgens deze url aan dit fragment toevoegen:
U kunt ook de breedte van de video in pixels wijzigen door de optie "gegevensbreedte" te wijzigen in een ander getal.
Lees ook onze tutorial over Hoe een database optimaliseren met één klik op WordPress
Er zijn verschillende manieren om deze URL te verkrijgen. Als u op zoek bent naar een video-artikel in uw paginafeed, kunt u met de rechtermuisknop op de tijdstempel klikken en de url kopiëren:
Als u de link in volledig scherm zoekt, kunt u de URL op dezelfde manier vinden:
Om u een realistisch voorbeeld te geven, hier is hoe de insluitcode eruit zou zien na het toevoegen van de URL. We stellen de videobreedte in op 550px:
Plak deze code gewoon in het teksttabblad van de WordPress-editor om de video in te sluiten. U kunt deze code ook toevoegen aan uw zijbalk of ergens anders dat deze code ondersteunt:
Nadat u het artikel heeft gepubliceerd, zou u de ingesloten video moeten zien:
Hoe maak je automatisch lezen in te schakelen
Een van de grote voordelen van het op deze manier integreren van Facebook-video's is de mogelijkheid om autoplay "Autoplay" in te schakelen (in stom) zoals op Facebook.
Zie ook ons ​​artikel over social sharing 15 De beste WordPress plugins
Als u automatisch afspelen aan Facebook-video's wilt toevoegen, hoeft u alleen maar een kenmerk toe te voegen aan uw insluitcode.
Hier is het kenmerk dat u moet toevoegen:
data-autoplay = "true"
In de volledige ingesloten code ziet het er als volgt uit:
<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>
Zodra je deze wijziging aanbrengt, worden je video's automatisch afgespeeld op de betreffende pagina of post.
Hoe Facebook-video's te integreren met iFrames
Als je je hersens niet wilt pijnigen, heeft Facebook ook de "iframe" -integratie toegevoegd. Deze functie is vrijwel hetzelfde als op YouTube. Alleen jij moet er rekening mee houden dat je autoplay op Facebook niet kunt activeren.
Ontdek onze 10 WordPress-plug-ins om de promotie van uw producten te verbeteren
Dus hoewel het op deze manier gemakkelijker is om video's toe te voegen, biedt deze methode niet zoveel functies als de bovenstaande.
Om de insluitcode te vinden, moet je eerst op het kleine pijltje in de rechterbovenhoek van een videopost klikken:
Selecteer vervolgens de optie " integratie "Of" insluiten "(Mijn Facebook is in het Engels).
Er wordt een nieuw venster geopend waarin u de code kunt kopiëren van de speler die de video aanbiedt.
Kopieer deze code en plak deze in het teksttabblad van de WordPress-editor:
Wanneer u de video publiceert, zou u deze op precies dezelfde manier moeten zien als in het vorige voorbeeld.
Ontdek ook enkele extra premium WordPress-plug-ins
U kunt andere plug-ins gebruiken om aftellingen op uw WordPress-blog weer te geven. In wat volgt, stel ik enkele daarvan voor.
1. Share, Print en PDF-producten voor WooCommerce
Ce WordPress Plugin zal u niet alleen helpen om uw bezoekers de mogelijkheid te bieden om elke PDF die voor hen beschikbaar is rechtstreeks op uw website te bekijken, maar het zal hen ook helpen om deze gemakkelijk te delen.
Het biedt u vele functies, zoals afdrukken, downloaden, zoomen, delen en nog veel meer. Dit is een WordPress Plugin waarvan de lay-out volledig responsive is, zodat elke gebruiker er zonder al te veel beperkingen toegang toe heeft op zijn mobiele apparaat.
Lees ook 8 WordPress-plug-ins om de pictogrammen voor delen op uw blog weer te geven
Het biedt u ook veel aanpassingsmogelijkheden om het aan uw WordPress-thema aan te passen. Dit geeft je de mogelijkheid om van kleur veranderen, om Retina-beeldkwaliteit te gebruiken, enz.
Downloaden | demonstratie | web hosting
2. Octaboo
Octabook een WordPress Plugin zeer eenvoudig te gebruiken premium en directe afspraakboekingstool voor bijna alle soorten diensten en dienstverleners die willen aanbieden online boeken van een website.
Het biedt verschillende functies, waaronder: ondersteuning voor meervoudige lokalisatie, configuratie van services, dynamische prijsstelling, meldingen, enz., ondersteuning voor aanpasbare velden voor formulieren, aanpassing van het uiterlijk, ondersteuning voor Google Agenda, een intuïtief dashboard, export van gegevens naar csv-indeling en nog veel meer.
Downloaden | demonstratie | web hosting
3. YouTube-plug-in
Bereid uw website zo goed mogelijk voor op het streamen van YouTube-video's. Yottie - zijn kleine naam - is een krachtige WordPress-plug-in die zich toelegt op het beheer en de integratie van YouTube-video's op uw website of blog.
Hiermee kunt u de gewenste kanalen en zelfs unieke video's selecteren om uw eigen afspeellijst rechtstreeks op uw blog te maken. Het heeft meer dan 100 instelbare parameters, 4 kleurenpaletten en ondersteunt bijna 16 talen. Kortom, u zult heel veel dingen moeten aanpassen.
Ontdek Hoe kunt u beelden opslaan vanuit uw WordPress blog
Deze WordPress-videogalerij gewijd aan YouTube reageert volledig, zodat u een breed publiek kunt bedienen met elk soort navigatieapparaat.
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- Hoe te comprimeren en afbeeldingen verkleinen op WordPress
- 5 WordPress plugins om aangepaste lay-outs te maken
- Waarom freelancers een dagelijks schema nodig hebben
- 15 WordPress plug-ins om een ​​boekingswebsite te maken
- 5 WordPress-plug-ins om uw aantal abonnees te vergroten
Conclusie
Alstublieft ! Dat is het voor deze tutorial. Ik hoop dat dit overzicht je helpt te begrijpen hoe je Facebook-video op WordPress kunt insluiten. Als u vragen heeft, aarzel dan niet om ze te stellen.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.
Aarzel niet om deel dit artikel met je vrienden op je favoriete sociale netwerken. Maar vertel ons in de tussentijd over uw commentaires en suggesties in de speciale sectie.
...