Es una realidad que muchos administradores de un sitio web con WordPress suelen optar por cambiar la funcionalidad nativa de comentarios, y en su lugar integrar sistemas alternativos que resultan ser más eficientes para los lectores y administradores.
Uno de estos sistemas alternativos y con gran popularidad es la funcionalidad «Comentarios» desarrollada por Facebook. Así que en esta entrada vamos a mostrarte cómo integrar el sistema de comentarios de Facebook en WordPress a través de:
(A) Plugin gratuito
(ideal para usuarios básicos)
(B) De forma manual
(usuarios avanzados)
(A) Integrar el sistema de comentarios de Facebook en WordPress vía plugin
Paso 1: Instalación de plugin “Facebook Comments»
Para comenzar asegúrate de instalar y activar el plugin gratuito “Facebook Comments” desarrollado por Alex Moss. Para atender su configuración ve al menú lateral izquierdo “Ajustes” opción “Facebook Comments”:
Observa que el plugin requiere una aplicación Facebook para su funcionamiento, así como un elemento que lleva por nombre “APP ID«, explicaremos el proceso necesario para obtener ambos elementos:
Paso 2: Creación de aplicación Facebook
El segundo paso consiste en atender la creación de la aplicación Facebook, visita el sitio especial “Facebook Apps”. Clic al botón “Register Now” para registrarte como “Desarrollador” utilizando tus datos de acceso de perfil:
Una vez que completes la verificación de tu cuenta, serás redireccionado a la página “Add a New App”, la cual nos permitirá crear la aplicación solicitada por el plugin. Elige la plataforma “Website”:
Asigna un nombre a la aplicación. Cuando estés listo clic sobre el botón “Create New Facebook App ID”:
Elige una categoría, e inicia el proceso de creación con un simple clic al botón “Create App ID”:
En la página “Quick Start for Website” desplázate al final de la página, en la sección “Tell us about your website» escribe la URL de tu sitio web. Cuando estés listo para continuar clic al botón «Next«:
Ahora ve a la sección “Nex Steps” y haz clic sobre el enlace “Skip to Developer Dashboard”:
Una vez dentro del “Dashboard” o panel de control de tu aplicación, asegúrate de copiar la “App ID” proporcionada:
A continuación ve al menú lateral “Settings”. En el campo «App Domains» escribe nuevamente la URL de tu sitio web y guarda los cambios:
Enhorabuena!, hemos finalizado el proceso necesario para la creación de la aplicación Facebook.
Paso 3: Configuración de plugin “Facebook Comments»
Regresa a tu sitio web con WordPress. En los ajustes del plugin pega la “APP ID”:
Considera que en la misma página de ajustes del plugin, el campo “Moderator» te permitirá añadir los usuarios que tendrán la facultad de moderar los comentarios publicados, este ajuste funciona a través del ID de perfil de usuario de Facebook:
Para obtener el ID de perfil de Facebook puedes utilizar una página similar a “findmyfacebookid.com”. Asegúrate de separar con comas y sin espacios cada uno de los ID’s de los moderadores.
El plugin incluye ajustes adicionales que te permitirán activar HTML5, definir el idioma, modificar la combinación de colores, activar el número de comentarios, mostrar un contador, entre otros:
No olvides guardar los cambios cuando estés listo.
Sistema de comentarios de Facebook en acción
Hecho lo anterior, la caja de comentarios de Facebook será habilitada en las publicaciones de tu sitio web, permitiendo a los usuarios iniciar sesión con su perfil social y publicar comentarios:
Descargar Plugin: Facebook Comments
(B) Integrar el sistema de comentarios de Facebook en WordPress de forma manual
De forma similar al primer procedimiento, visita “Facebook Apps” para comenzar la creación de la aplicación comentarios. Clic al botón “Register Now” para registrarte como “Desarrollador”. Utiliza tus datos de acceso de perfil y completa la verificación de tu cuenta desarrollador:
En la página “Add a New App” asegúrate de elegir la plataforma “Website”:
Asigna un nombre a la aplicación. Cuando estés listo clic sobre el botón “Create New Facebook App ID”:
Elige una categoría, e inicia el proceso de creación con un clic al botón “Create App ID”:
En la página “Quick Start for Website” ve a la sección “Tell us about your website» y escribe la URL de tu sitio web. Cuando estés listo clic sobre el botón «Next«:
Para este procedimiento de integración manual, en la sección “Nex Steps” elige la opción “Social Plugins«:
Serás redireccionado en automático a la página «Plug-ins sociales«, busca la sección que lleva por nombre «Comentarios» y da clic sobre el botón «Web«:
La página «Comments Plugin» incluye un generador del código necesario para integrar la funcionalidad a WordPress. Asegúrate de escribir la URL de tu sitio web en el campo «URL to comment on«, también puedes definir el ancho de la caja de comentarios (Width), el número de comentarios a mostrar (Number of Posts), y el orden predefinido (destacados, más recientes, más antiguos). Haz clic sobre el botón «Get Code» cuando hayas terminado:
Una ventana emergente te proporcionará el código de la aplicación comentarios que deberás incluir en el tema activo en tu sitio web. Observa que se incluyen dos fragmentos de códigos, el primero deberás incluirlo justo después de la apertura de la etiqueta <body>, el segundo debe colocarse exactamente donde deseas mostrar el cuadro de comentarios de Facebook:
Una vez que hayas incluido los dos fragmentos de código en tu tema, es necesario activar el modo público de la aplicación. Para hacer esto haz clic sobre el enlace «App Dashboard» de la caja en color amarillo:
Antes de activar el modo público, ve a la sección «Settings» del menú lateral izquierdo. Asegúrate de escribir la URL de tu sitio web en el campo «App Domains«, y añade un email válido de contacto en el campo «Contact Email«, no olvides guardar los cambios:
Ahora regresa a la sección «Status & Review» del menú lateral izquierdo. En la pestaña «Status» activa el switch a la opción «Yes» para hacer pública la aplicación en cuestión:
Eso es todo!, la caja de comentarios de Facebook será habilitada en las publicaciones de tu sitio web:
Moderación de comentarios vía developers.facebook.com
Independientemente del tipo de integración de los comentarios de Facebook en tu sitio web, es posible moderarlos a través del siguiente sitio web oficial (deberás iniciar sesión con tu perfil de usuario): «developers.facebook.com/tools/comments”.
Utiliza el enlace “Settings» para acceder a los ajustes principales de los comentarios:
En la ventana emergente desplegada es posible añadir moderadores (los usuarios deberán estar en tu lista de amigos), especificar palabras prohibidas, modificar el orden de los comentarios, y elegir un valor por defecto de moderación (Público, Revisar, Cerrado):
Comentarios finales
Un sitio que ofrece a sus lectores y usuarios formas más eficientes para expresar sus opiniones, permitirán la formación de una comunidad, alentarán una mayor participación y reducirán el factor del anonimato. Esta integración del sistema de comentarios de Facebook en WordPress, también resultará útil para obtener tráfico adicional a través de la enorme red social.
Happy Blogging!
Genial las instrucciones. Tengo una pregunta, he instalado el plugin Facebook Comments pero me siguen apareciendo los comentarios de WordPress en entradas antiguas, quisiera saber qué debo hacer para desactivar los comentarios en WordPress … Gracias!
Llevo muy poco tiempo en el mundo de WordPress y me quiero animar a dar el salto y crear mi propia site en wordpress.org.
Sin duda, vuestros artículos son muy interesantes y estoy aprendiendo muchísimo. Últimamente me fijaba mucho en aquellos blogs que disponían del Facebook para los comentarios y siempre me he preguntado cómo lo harán. Ahora, ya lo sé.
Muchas gracias por todo lo que aportáis.
Un seguidor desde España se despide.
Un placer @Pablo González, gracias a ti por visitar el blog 🙂 . Éxito en tu proyecto!
Hola Estella, muchas gracias de antemano, gracias por el tutorial, he probado la segunda opción, pero en todos mis entradas me salen los mismos comentarios, no son independientes por cada publicación ¿Que falto?
Hola, a mi me pasó lo mismo que Salvador. Tiene solución?
@Jordi, te sugiero la opción (A) vía Plugin gratuito 🙂
@Salvador, te sugiero la opción (A) vía Plugin gratuito 🙂
Mis felicitaciones por este gran articulo, mirare mas esta web.
Genial @Pedro, un saludo 🙂
HOLAA!! Muchas gracias de antemano, gracias por el tutorial!!
al crear la app en facebook, me utilizara mi pagina personal de facebook ya que deceo hacerlo a una fanpage en especifico que soy administrador no me gustaria que los comentarios se expusieran en mi pagina personal que debo hacer disculpa mi ignorancia y saludos desde HOnduras
Excelente explicación, al detalle y preciso. Felicitaciones por la web.
Muchas gracias y Saludos desde Lima – Perú.
Hola, muy buen artículo lo he implementado, pero me pregunto: Cuando hacen comentarios en mis post como me entero? y si respondo o alguien más lo hace como se darán de cuenta?
Te sugiero activar las notificaciones en «Ajustes > Comentarios» cuando nuevos comentarios sean publicados. Además puedes activar el plugin Jetpack, éste incluye un sistema de notificación cuando nuevos comentarios son creados en una publicación ????
Muy buenas las dos opciones, aunque prefiero la segunda para no sobrecargar el site con más plugins. Sabes cómo integrar las reseñas o valoraciones de una página de empresa de FB a un sitio WordPress?
Gracias!
Hola. Genial! Lo quiero probar. Pero antes de hacerlo quiero saber si aparecerán comentarios antiguos. tengo un record de comentarios en las entradas, pero nunca había activado esto. ¿empiezo desde cero o coge el historial? Gracias!
Genial tutorial. Pero tengo un problema. Me aparece todo en inglés, o sea, en lugar de «0 comentarios» se lee «0 comments», «Add a comment…», etc. desde opciones lo cambié a «spanish» y no pasa nada. Mi wordpress está seteado en «Español argentino». Leí que tengo que editar el SDK (o algo por el estilo), en que archivo tengo que cambiar e ingresar «ar_AR?»No lo encuentro. Gracias!!
@Fernando, puedes cambiar el idioma de tu instalación de WP desde el menú lateral izquierdo «Ajustes» > «Generales» > «Idioma del sitio» 😉
Hola Estella, se podría poner también en la página de inicio de la web?
Hola @Jorge,
Si, utiliza el shortcode incluido con el plugin para incrustar la caja de comentarios en cualquier parte de tu sitio web 😉
Estela, tengo una pregunta, eso quiere decir que cuando alguien comente en el mismo facebook, ese comentario aparecerá tambien en mi web?
Exacto!
Hace poco he comenzado un web, la información de tu web me proporciona mucha informacion. Gracias por todo tu tiempo y trabajo.
Saludos