¿Sabías que los videos de Facebook generan más de 8 mil millones de visitas cada día? ¿Y esos 8 mil millones es el doble que hace un año? Pero, ¿cómo se agrega un video de Facebook a WordPress?

Si bien el mérito de este éxito masivo se puede atribuir a la reproducción automática de video y una metodología de conteo de vistas favorable, el hecho es que el video de Facebook es un jugador importante en el consumo de video en la actualidad.

Este tutorial le permitirá utilizar videos de Facebook integrándolo en sus artículos y páginas de WordPress. Le mostraré cómo puede incrustar fácilmente videos de Facebook a través del editor de WordPress. Además, le daré información sobre cómo puede modificar ciertos detalles de visualización de videos para habilitar la reproducción automática, por ejemplo.

Y, por último, si no quieres ensuciarte las manos con el primer método, también te mostraré el método más fácil para insertar videos a través de un iframe.

Pero antes, descubramos juntos ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog.

Luego, volviendo a por qué estamos aquí.

Los beneficios de la integración de video de Facebook

Si bien es probable que YouTube siga siendo el rey de los videos en el futuro, veo algunos beneficios en la integración de videos de Facebook. Por ejemplo, puedes ...

  • Disfruta de la transmisión en vivo - es posible que haya visto la nueva y popular función de transmisión en vivo que Facebook lanzó recientemente. Cuando inserta videos con este método, también podrá insertar la transmisión en vivo de Facebook en su sitio web de WordPress.
  • Promoción cruzada de su página de Facebook - La integración de video de Facebook proporciona otro método para promocionar su página de Facebook en su sitio web. Incluso si ya ha incluido " Likes O comparte, incrustar videos directamente desde Facebook proporciona otra conexión. Por supuesto, si está intentando promocionar un canal de YouTube, deberá elegir dónde están sus prioridades.
  • Organice el contenido de video de otras páginas de Facebook - Si ve un video en Facebook que desea incluir en una publicación o página, la incrustación es prácticamente la única opción a menos que desee ir directamente a la página de Facebook.

Cómo integrar "Facebook Video" con el SDK de JavaScript

Este proceso de configuración de un "video de Facebook" es bastante sencillo. Pero no es necesario agregar un pequeño fragmento de código a su tema o un complemento que haya diseñado. Este fragmento de código es necesario porque le permite hacer cosas ingeniosas como agregar reproducción automática a sus videos incrustados.

Estos son 10 mejores complementos de WordPress para usar para administrar publicidad

Entonces, para comenzar, debe agregar el SDK de JavaScript de Facebook al encabezado de su tema. Básicamente es un nombre elegante para este fragmento de código:

(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'));

Para aquellos que usan Temas de WordPress sin la opción de inyección de contenido, deberá acceder al archivo header.php de su tema y agregarlo justo después de la etiqueta el siguiente código:

complemento de un código-de-header-dun-tema

Idealmente, deberías usar un tema infantil y agregue este fragmento a su tema hijo header.php en lugar del padre. 

¿Cómo integrar videos de Facebook en WordPress? Descubra también haciendo clic en este enlace

Después de agregar este código una vez, habrá terminado. Puede insertar videos en cualquier lugar que desee utilizando un código de inserción estándar.

Cómo integrar videos de Facebook

Para generar este segundo fragmento de código, deberá encontrar la URL real del video que desea compartir y luego agregar esta URL a este fragmento:

También puede cambiar el ancho del video en píxeles cambiando la opción "ancho de datos" a un número diferente.

Lea también nuestro tutorial sobre Cómo optimizar una base de datos haciendo clic en WordPress

Hay varias formas de obtener esta URL. Si está buscando un artículo de video en el feed de su página, puede simplemente hacer clic derecho en la marca de tiempo y copiar la URL:

integración-a-video-facebook

Si está buscando el enlace en modo de pantalla completa, puede encontrar la URL de la misma manera:

recuperar el enlace-duna-video-en-pantalla completa

Para darle un ejemplo de la vida real, así es como se vería el código de inserción después de agregar la URL. Estableceremos el ancho del video en 550px:

Simplemente pegue este código en la pestaña de texto del editor de WordPress para incrustar el video. También puede agregar este código a su barra lateral o en cualquier otro lugar que admita este código:

complemento de un código-de-editor visual de WordPress

Una vez que publique el artículo, debería ver el video incrustado:

panorama-duna-video-integrado-de-facebook-en-wordpress

Cómo habilitar la reproducción automática

Una de las grandes ventajas de integrar videos de Facebook de esta manera es la capacidad de habilitar la reproducción automática "Autoplay" (apagado), Así como en Facebook.

Vea también nuestro artículo sobre el intercambio social 15 Los mejores plugins de WordPress

Si desea agregar reproducción automática en videos de Facebook, solo necesitará agregar un atributo a su código de inserción.

Aquí está el atributo que necesita agregar:

los datos para la reproducción automática = "true"

En el código incrustado completo, se verá así:

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

Una vez que realice este cambio, sus videos deberían reproducirse automáticamente en la página o publicación en cuestión.

Cómo integrar videos de Facebook con iFrames

Si no quiere devanarse los sesos, Facebook también ha añadido la integración "iframe". Esta función es prácticamente la misma que en YouTube. Solo usted debe saber que no podrá activar la reproducción automática en Facebook.

Descubre nuestro 10 complementos de WordPress para mejorar la promoción de tus productos

Entonces, si bien es más simple agregar videos de esta manera, este método no ofrece tantas funciones como el anterior.

Para encontrar el código de inserción, primero debe hacer clic en la pequeña flecha en la esquina superior derecha de una publicación de video:

agregar un video de Facebook a WordPress

Luego seleccione la opción " integración "O" incrustar "(Mi facebook está en Inglés).

Se abrirá una nueva ventana para permitirle copiar el código del reproductor que ofrecerá el video.

integrado código-facebook

Simplemente copie este código y péguelo en la pestaña de texto del editor de WordPress:

una pasta de código-integrable-en-facebook

Cuando publique el video, debería verlo exactamente de la misma manera que en el ejemplo anterior.

Descubra también algunos complementos premium adicionales de WordPress 

Puede usar otros complementos para mostrar cuentas regresivas en su blog de WordPress. A continuación, propongo algunos de ellos.

1. Compartir, imprimir y productos PDF para WooCommerce

Ce Plugin de WordPress no solo te ayudará a ofrecer a tus visitantes la posibilidad de visualizar cualquier PDF puesto a su disposición directamente en tu web, sino que también les ayudará a compartirlo fácilmente.

Catálogo de productos en pdf para woocommerce

Le brinda muchas funciones, como imprimir, descargar, hacer zoom, compartir y mucho más. Se trata de una Plugin de WordPress cuyo diseño es totalmente responsivo, para permitir que cualquier usuario pueda acceder a él en su dispositivo móvil sin demasiadas limitaciones.

Lee tambien Complementos de 8 WordPress para mostrar los íconos para compartir en tu blog

También le ofrece muchas opciones de personalización para adaptarlo a su tema de WordPress. Esto te dará la oportunidad de cambiar de color, para utilizar la calidad de imagen Retina, etc.

Descargar | Demo | alojamiento web

2. Octaboo

Octabook es un Plugin de WordPress Herramienta de reserva de citas instantánea, premium y muy fácil de usar para casi todo tipo de servicios y proveedores de servicios que deseen ofrecer. Reservas en línea de un sitio web.

Octabook

Ofrece varias características, que incluyen: soporte para localización múltiple, configuración de servicios, precio dinámico, notificaciones, etc., soporte para campos personalizables para formularios, personalización de apariencia, soporte para Google Calendar, un tablero intuitivo, exportación de datos a formato csv y mucho más.

Descargar | Demo | alojamiento web

3. Complemento de YouTube

Prepare su sitio web de la mejor manera posible para transmitir videos de YouTube. Yottie, su pequeño nombre, es un poderoso complemento de WordPress dedicado a la gestión e integración de videos de YouTube en su sitio web o blog. 

Complemento de youtube - galería de youtube de wordpress

Le permite seleccionar los canales deseados e incluso videos únicos para crear su propia lista de reproducción directamente en su blog. Tiene más de parámetros ajustables 100, paletas de colores 4 y admite casi idiomas 16. En resumen, tendrás toneladas de cosas para personalizar.

Descubre Como registrarse y optimizar las imágenes de su blog de WordPress

Esta galería de videos de WordPress dedicada a YouTube es totalmente receptiva para que pueda cubrir una amplia audiencia con cualquier tipo de dispositivo de navegación.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial. Espero que esta descripción general le ayude a comprender cómo insertar videos de Facebook en WordPress. Si tiene alguna pregunta, no dude en hacerla.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

no dude en comparte este artículo con tus amigos en tus redes sociales favoritas. Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...