Cómo agregar un feed en vivo de Facebook a su sitio web de WordPress

Con más de 2.27 mil millones de usuarios activos mensualmente, Facebook es una de las marcas y redes sociales más importantes del mundo. Más allá de la simple visualización del ícono de la red social que se conecta a su página de Facebook en su sitio web, hay muchas otras formas de integrar el perfil de Facebook de su empresa con su sitio de WordPress. Tal opción es mostrar un flujo de sus publicaciones de Facebook en su sitio.

En la próxima publicación, le mostraremos cómo puede integrar su cuenta de Facebook con su sitio de WordPress para mostrar un feed de Facebook en su sitio. Esto no solo aumentará su participación, sino que también tendrá un efecto positivo en la experiencia del usuario de su sitio.
Tutorial de configuración Como siempre, recomendamos probar el nuevo código en un sitio de desarrollo o medio de prueba antes de trabajar directamente en su sitio en vivo. Si también desea configurar un entorno de prueba para la operación de su sitio web, siga uno de los siguientes tutoriales:
Cómo configurar un entorno de desarrollo local utilizando DesktoPserver (Aspen Grove Studios)
Cómo configurar un entorno de desarrollo local utilizando Local by Flywheel (Div Space)
Cómo crear una instalación local de WordPress en una Mac usando MAMP (temas elegantes)
Para este tutorial, utilizo el tema del niño Divirt para todos los propósitos. Div All Purpose es un tema infantil gratuito para Div, que se puede descargar de forma gratuita de la tienda Aspen Grove Studios.
Descargue Div All Purpose Today y comience a construir un sitio web de Div All Purpose notable con Div. Cómo agregar un feed en vivo de Facebook a su sitio web de WordPress Hay varias formas en que puede agregar un feed de Facebook a su sitio web de WordPress. Agregue un flujo de Facebook en vivo a su sitio web de WordPress utilizando la página de Facebook para desarrolladores de Facebook ofrece una amplia gama de complementos sociales diseñados para maximizar su página de Facebook en su sitio web. Además de incorporar un flujo de comentarios, mostrando un grupo de Facebook en su sitio y muchos más, el complemento de la página también ofrece una solución fácil para incorporar un flujo a su sitio.
Aquí, especifique las variables que desea incluir en el feed.

La URL de la página de Facebook: ingrese la URL del feed de Facebook que desea compartir.
Archivo: Aquí puede decidir si desea incluir un flujo de cronología, eventos o mensajes. Para mostrar una de las tres opciones, simplemente escriba “cronología”, “eventos” o “mensajes”, para mostrarlas las tres en varias pestañas, use una lista de comas separada.
Ancho y altura: aquí puede establecer las dimensiones personalizadas, dentro de los límites de los parámetros de tamaño máximo especificados.
Otras opciones: finalmente, puede elegir si desea mostrar una vista de encabezado delgada, elimine completamente la foto de la cubierta, permita que el complemento se adapte al contenedor y si desea que el usuario asociado se muestre en los alimentos.
Una vez que haya terminado de configurar la pantalla de alimentación, haga clic en Obtener código. Ahora, aparecerá una ventana emergente con dos fragmentos de código. Copie el primer código e insértelo en el archivo de encabezado.php desde el tema de su hijo de su sitio de WordPress, según lo indicado, debajo de la etiqueta de apertura . Si usa el tema de los temas elegantes, no tiene que preocuparse de que toque toque El código sobre el tema del niño. En su lugar, explore el menú Divin> Opciones de tema y haga clic en la pestaña Integración.

Desplácese hacia abajo hasta que vea el cuadro de texto Agregue el código a (bueno para el seguimiento de códigos como Google Analytics). Pegue el código aquí y haga clic en Guardar cambios.

Ahora que se ha agregado el código JavaScript, vaya a cualquier página, publicación o proyecto donde desee mostrar Facebook Feed. Copie el segundo código generado en el complemento de la página e insértelo donde desee en su página.

Si está utilizando DIV, puede colocar este código en el módulo de código.

El complemento de la página de la página de Facebook ofrece algunas opciones de personalización, como cambiar el botón de acción, cambiar el lenguaje de visualización de alimentación, pestañas adicionales, etc. Otra opción para mostrar el flujo es agregar el código a un widget. Para hacer esto, navegue por los widgets de apariencia, seleccione el widget HTML y tírelo donde desee colocarlo, es decir, en el sótano o la barra lateral. Pegue el código en el área de texto del widget y haga clic en Guardar.

A continuación se muestra un ejemplo de feed de Facebook agregado a la barra lateral del blog.

Si está buscando una solución más simple para usar la opción de complemento de la página de Facebook, considere usar un complemento gratuito del repositorio de WordPress, Facebook personalizado de Facebook. Agregue un flujo de Facebook en vivo a su sitio web de WordPress utilizando el complemento para la página de Facebook, un complemento gratuito con más de 1000 evaluaciones de cinco estrellas, el alimento personalizado de complementos de Facebook de Smash Balloon es una excelente solución para aquellos que buscan un feed extremadamente personalizable que se exhibirá en su sitio web. Para iniciar, instalar y activar el complemento en su sitio de WordPress. Lea nuestra guía para agregar un complemento en un sitio web de WordPress. Una vez que se instale el complemento, creará un nuevo elemento de menú.

Si se pregunta, el complemento de alimentación de Instagram ubicado justo debajo del complemento de Facebook Feed también es de la misma compañía de desarrollo, Smash Balloon. Como su nombre lo indica, el complemento le permite agregar un feed de Instagram a su sitio de WordPress sin ninguna agitación. Volver al complemento personalizado Facebook Feed. La página de configuración del complemento tiene solo tres pestañas:

Configuración, donde configurará su cuenta de Facebook con el sitio web de WordPress,
Personalizar, donde se mostrará la forma en que se mostrará el feed y,

Apoyo.
Para comenzar, vaya a la pestaña Configuración y haga clic en el botón de inicio de sesión y obtenga mi token de acceso.
En este momento, aparecerá una ventana emergente que le pedirá que inicie sesión en su cuenta de Facebook.
En la página de autenticación de Facebook, aparecerá una lista de las páginas que administra. Seleccione la página relevante de la lista y haga clic en Aceptar.
Luego ingrese su identificación de Facebook.

Si la URL de su página de Facebook se ve así https: //www.facebook.com/your_page_name- Then el texto Your_Page_Name es su identificación de Facebook. Si su URL de su página de Facebook se ve así, http: // www .Facedebook .com/your_page_name-1234567890-Then el texto 1234567890 es su identificación de Facebook.

Una vez que haya solicitado el token de acceso, se ingresará automáticamente una clave en la sección Token de acceso de Facebook.

Una vez que la cuenta ha sido completamente autenticada, hay algunas configuraciones adicionales que puede establecer como quiera.
Para agregar Facebook Feed a su sitio, copie el código corto [personalizado-facobrow-alimentante] e insértelo en cualquier lugar de su sitio.
Para personalizar la apariencia de Facebook Feed, haga clic en la pestaña Personalización en la configuración del complemento.
Hay innumerables configuraciones de personalización, divididas en diferentes pestañas. En cada pestaña, encontrará una serie de opciones de personalización. Con tantas opciones de estilo, puede crear un feed de Facebook verdaderamente único, que se ajusta a la identidad de su marca y la estética del sitio.
Si desea un feed que imite el estilo visual del feed de Facebook, entonces la opción de complemento de la página de Facebook puede ser una mejor opción para usted, sin embargo, si desea crear un feed de Facebook que realmente coincida con la apariencia del sitio y la sensación, entonces, entonces Publicar Facebook Feed puede ser una mejor opción. Crea tu propia portada de Facebook con Adobe Spark