Vai al contenuto principale

Come integrare un video su Facebook WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 600.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Sapevi che i video di Facebook generano più di 8 miliardi di pagine viste ogni giorno? E che 8 miliardi è il doppio rispetto a un anno fa? Mentre il merito di questo enorme successo può essere attribuito alla riproduzione automatica dei video e ad una metodologia favorevole per il conteggio delle visualizzazioni, resta il fatto che i video di Facebook sono ora un giocatore importante per il consumo di video.

Questo tutorial ti permetterà di sfruttare i video di Facebook integrandoli nei tuoi articoli e nelle pagine di WordPress. Ti mostrerò come puoi facilmente incorporare i video di Facebook tramite l'editor di WordPress. Ti fornirò anche informazioni su come modificare alcuni dettagli di visualizzazione del video per abilitare AutoPlay, ad esempio. E infine, se non vuoi sporcarti le mani con il primo metodo, ti mostrerò anche il modo più semplice per incorporare video tramite un iframe

I vantaggi dei video di integrazione di Facebook

Mentre YouTube probabilmente rimarrà il re dei video per il futuro, vedo alcuni vantaggi nell'incorporare i video di Facebook. Ad esempio, puoi ...

  • Godetevi Live Streaming - Potresti aver visto la nuova popolare funzione di live streaming che Facebook ha recentemente lanciato. Quando incorpori video con questo metodo, sarai anche in grado di integrare lo streaming live da Facebook direttamente nel tuo sito WordPress.
  • Promozione incrociata della tua pagina Facebook - L'integrazione dei video di Facebook fornisce un altro metodo per promuovere la tua pagina Facebook sul tuo sito. Anche se sono già inclusi pulsanti Mi piace O la condivisione, l'incorporamento di video direttamente da Facebook fornisce un'altra connessione. Ovviamente, se provi a promuovere un canale YouTube, dovrai scegliere le tue priorità.
  • Organizza i contenuti video da altre pagine di Facebook - Se vedi un video su Facebook che vuoi includere in un articolo o in una pagina, l'integrazione è praticamente l'unica opzione a meno che tu non voglia andare direttamente alla pagina di Facebook.

Come integrare "Video Facebook" con JavaScript SDK

Questo processo di impostazione di "video di Facebook" è abbastanza indolore. Tuttavia, richiede l'aggiunta di un piccolo frammento di codice al tema o di un plug-in che hai progettato. Questo frammento di codice è necessario perché ti consente di fare cose intelligenti come aggiungere la riproduzione automatica ai tuoi video incorporati.

Quindi, per iniziare, è necessario aggiungere l'SDK JavaScript di Facebook all'intestazione del tema. È fondamentalmente un nome di fantasia per questo pezzo di codice:

<! - Carico Facebook SDK per JavaScript -> <div id = "fb-root"> </ div> <script> (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 & versione = v2.6 "; fjs.parentNode.insertBefore (js, FJS);} (document, 'script', 'facebook-jssdk')); </ script>

Per coloro che usano temi WordPress senza un'opzione di inserimento contenuto, dovrai accedere al file header.php per il tuo tema e aggiungere il seguente codice subito dopo il tag <body>:

add-un codice-of-the-header-dun-tema

Idealmente, dovresti usare un tema figlio e aggiungere questo snippet di codice al tuo tema figlio header.php piuttosto che al genitore.

Dopo aver aggiunto questo codice una volta, il gioco è fatto. Puoi incorporare i video dove vuoi utilizzando un codice di incorporamento standard.

Come integrare i video di Facebook

Per generare questo secondo bit di codice, dovrai trovare l'URL effettivo del video che desideri condividere, quindi aggiungere questo URL a questo frammento di codice:

<Div class = "fb-video" data-href = "{il tuo-video-post-url}" data-allowFullScreen = "true" data-width = "500"> </ div>

Puoi anche modificare la larghezza del video in pixel modificando l'opzione "data-width" per un numero diverso.

Inizia a promuovere il tuo blog

Scarica decine di loghi, banner, modelli di siti Web e molti altri strumenti di marketing per commercializzare il tuo blog WordPress. [Consigliato]

C'è un modo per ottenere questo URL. Se stai cercando un articolo video nel feed della tua pagina, puoi semplicemente fare clic con il tasto destro del mouse sul timestamp e copiare l'URL:

Integrazione-to-video-facebook

Se stai cercando il link in modalità schermo intero, puoi trovare l'URL nello stesso modo:

recuperare-the-link-duna-video-in-a schermo intero

Per darvi un esempio concreto, ecco come appare il codice integrato dopo aver aggiunto l'URL. Imposteremo una larghezza del video su 550 px:

<div class = "fb-video" data-href = "https://www.facebook.com/elegantthemes/videos/10153760379211923/" data-allowfullscreen = "true" data-width = "550"> </ div>

Basta incollare questo codice nella scheda di testo dell'editor di WordPress per incorporare il video. Puoi anche aggiungere questo codice alla barra laterale o altrove che supporterà questo codice:

add-un codice-of-the-visual editor di de wordpress

Una volta pubblicato l'articolo, dovresti vedere il video incorporato:

Panoramica-duna-video-integrato-da-facebook-on-wordpress

Come abilitare la riproduzione automatica

Uno dei grandi vantaggi dell'incorporamento di video di Facebook in questo modo è la possibilità di abilitare la riproduzione automatica (smorzato) Così come su Facebook.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Se vuoi aggiungere la riproduzione automatica ai video di Facebook, dovrai solo aggiungere un attributo al tuo codice di incorporamento.

Ecco l'attributo che devi aggiungere:

Dati-autoplay = "true"

Nel codice incorporato completo, sarà simile al seguente:

<Div class = "fb-video" data-href = "https://www.facebook.com/elegantthemes/videos/10153760379211923/" data-allowFullScreen = "true" data-width = "550" data-autoplay = " true "> </ div>

Dopo aver apportato questa modifica, i tuoi video dovrebbero essere riprodotti automaticamente sulla pagina o sull'articolo in questione.

Come integrare i video di Facebook con iFrames

Se non vuoi spaccarti il ​​cervello, Facebook ha anche aggiunto l'integrazione a "iframe". Questa funzione è praticamente la stessa di YouTube. Solo, devi essere consapevole che non sarai in grado di attivare la riproduzione automatica su Facebook. Quindi, mentre è più facile aggiungere video in questo modo, questo metodo non ha tante funzionalità come quello sopra.

Per trovare il codice di incorporamento, devi prima fare clic sulla piccola freccia nell'angolo in alto a destra di un post video:

Content-Integrazione-video-facebook

Quindi selezionare l'opzione " integrazione "O" incastrare "(Il mio facebook è in inglese).

Si aprirà una nuova finestra per consentire di copiare il codice del lettore che offrirà il video.

code-facebook integrato

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Basta copiare questo codice e incollarlo nella scheda di testo dell'editor di WordPress:

una pasta-code-integrabile-on-facebook

Quando pubblichi il video, dovresti vederlo esattamente come nell'esempio precedente.

Questo è tutto per questo tutorial. Sentiti libero di farci domande se hai o condividi l'articolo sui social network.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
3 azioni
quota1
Tweet
Enregistrer2