Cómo insertar publicaciones de Facebook en WordPress

Al contrario que con los tuits de Twitter, no se pueden insertar publicaciones de Facebook en WordPress simplemente pegando la URL en una línea del editor, pero poderse hacer se puede, y hay varias maneras de hacerlo.

facebook y wordpress

Insertar publicaciones de Facebook en WordPress estilo “a lo bestia”

Este método, aplicable a borricos como un servidor, es sencillo, pero no carente de emociones.

Solo tienes que desplegar la flechita de la esquina superior izquierda de cualquier publicación de Facebook y elegir el menú denominado “Insertar publicación“.

desplegar insertar publicacion

A continuación aparecerá una vista previa de la publicación tal y como se compartirá en tu web y, arriba, el código que debes copiar para incluir en tu entrada o página.

Ahora ve a la publicación donde quieras insertarlo y pega el código previamente copiado en la parte de Texto (HTML) del editor de WordPress, justo donde quieras que aparezca.

Un truco, eso si. Una vez insertado el código mejor no cambies a la pestaña Visual del editor o WordPress intentará convertir algunas de las etiquetas del código de Facebook y puede que luego no se vea bien al publicarlo. De hecho casi nunca se verá bien.

Insertar publicaciones de Facebook en WordPress estilo “developer”

A pesar de lo cómodo del método anterior, Facebook nos ofrece el modo developer, mucho más seguro si queremos que las publicaciones se inserten bien y se vean mejor.

Lo primero es copiar la URL de la publicación. No es muy obvio pero solo tienes que copiar el enlace de la fecha de la publicación, que verás debajo del nombre de quien la publicó.

copiar enlace post facebook

A continuación pásate por la página de Embedded Posts de Facebook y pega la URL de la publicación en el primer campo de lo denominado Code Generator.

pegar url en code generator

Se generará una vista previa de la misma, y ya puedes pulsar el botón de Get Code, que te ofrecerá dos códigos …

codigos developer posts facebook en wordpress

El primero debes copiarlo y pegarlo dentro de la tag <body> de tu tema activo (lo sé, no lo esperabas, pero ¿no te he dicho que es el estilo “developer”?). No te agobies que esto solo hay que hacerlo la primera vez que pegues una publicación de Facebook, en las siguientes ya no hace falta.

Y, cuando guardes los cambios en el archivo del tema, normalmente header.php, ya puedes pegar el segundo código en donde quieras que aparezca de tu publicación, eso si, en la pestaña Texto, que no se te olvide.

Insertar publicaciones de Facebook en WordPress estilo “WordPress”

Vale, ya llegamos, deja de llorar y lamentarte. Vamos al estilo WordPress …

Mientras la buena gente de Microsoft/Facebook (¿he llamado buena gente a Microsoft?) no tenga a bien soportar oEmbed y así podamos incrustar publicaciones en nuestro querido WordPress solo pegando la URL de las mismas, tenemos los métodos manuales anteriores y …

¡Los plugins! ¡Que vivan los plugins!

Y hay varios con los que puedes insertar publicaciones de Facebook en tu WordPress, pero para que no te compliques te cuento cual es el mejor ¿no?

WP Embed Facebook

Esta joyita permite insertar en WordPress no solo publicaciones, sino un poco de todo, a saber:

  • Vídeos de Facebook
  • Albumes de fotos de Facebook
  • Eventos de Facebook
  • Fotos de Facebook
  • Páginas de fans de Facebook
  • Páginas de comunidad de Facebook
  • Perfiles de Facebook
  • Publicaciones de Facebook (por supuesto)

Además, una vez lo hayas configurado se acabó el dolor, solo tienes que pegar la URL del vídeo/foto/página/publicación o lo que sea y se mostrará, como si de repente Facebook se hubiese convertido en compatible con oEmbed.

La configuración, eso si, pasa por crear una app de tu sitio en Facebook, pero merece la pena, y si no la tenías ya hecha así la puedes aprovechar para otras funcionalidades, así que hazlo, me lo agradecerás.

Una vez hayas creado la app en Facebook copia el ID de la App, lo pegas en la página de ajustes del plugin y a correr.

También, si lo prefieres, puedes usar un shortcode para personalizar el aspecto de tus cosas de Facebook insertadas. Tienes varios ejemplos de cosas que puedes hacer en la página del plugin.


Ea, ya puedes insertar cositas del Facebook en WordPress. No es que sea algo que vayas a necesitar a diario pero bueno, si alguna vez te surge la necesidad ya sabes como hacerlo.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (15 votos, promedio: 4,67 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This
Ir al contenido