Como moderar los comentarios de Facebook en un sitio web

El sistema de comentarios de Facebook es muy utilizado y sencillo de implementar en cualquier sitio. Incluso desde algún tiempo los buscadores como Google puede rastrear ese texto generado por los usuarios por lo cual el contenido, a pesar de estar en Facebook, pasa a formar parte de la web indexable.

Muchos webmasters lo utilizan para generar algo de ruido y visitas extra ya que los comentarios también se pueden publicar automáticamente en los muros de los usuarios:

comentarios de facebook se publican en el muro

¿Pero cómo se pueden moderar los comentarios de Facebook?

La moderación en los comentarios es muy sencilla de configurar. Hay dos formas de hacerlo, utilizando el ID de nuestro perfil o creando una aplicación dentro de Facebook para nuestro sitio.

Moderación con el ID del perfil:

Para encontrar tu ID puedes acceder a esta URL graph.facebook.com/alejandroeguia colocando tu nombre de usuario al final.

Una vez que tienes el ID sólo hay que agregar una metaetiqueta dentro del <head> de las páginas que quieres moderar:

<meta property="fb:admins" content="tu-id-del-perfil"/>

De esta forma cada vez que estés logueado en tu cuenta de Facebook y accedas a páginas que tienen esta etiqueta podrás moderar los comentarios de la siguiente forma:

moderando comentarios en facebook

Como vemos es muy fácil de implementar pero no muy práctico en blogs o sitios grandes, pues para ver los comentarios de las personas necesitaríamos visitar cada una de las páginas. Lo ideal sería poder verlos todos juntos en un panel de administración, como se hace por ejemplo en WordPress. Es aquí donde entra en juego el otro método de moderación.

Moderación con App dentro de Facebook:

Lo primero que hay que hacer es crear una aplicación desde esta página developers.facebook.com seleccionando Create a New App:

crear aplicación en facebook

Ingresamos un nombre para identificarla y elegimos alguna de las categorías disponibles. En la siguiente página hacemos clic en Configuración, luego en Agregar Plataforma y seleccionamos Sitio web:

configurarion aplicacion para moderar comentarios en facebook

Finalmente ingresamos la URL del sitio que queremos moderar y también un e-mail de contacto.

Sólo falta un paso más, en la sección Status & Review cambiamos la ficha a «Sí» para activar la aplicación:

activando la aplicación para moderar

De esta forma la aplicación ya estará configurada, ahora hay que asociarla con nuestro sitio y para ello dentro del <head> agregamos la siguiente metaetiqueta:

<meta property="fb:app_id" content="id-de-la-aplicacion"/>

Nota: notar la diferencia entre fb:admins y fb:app_id, el primero es para moderar con perfiles página por página. El segundo es para moderar por medio de una aplicación, es el método más recomendado.

¿Y cómo vemos los comentarios? Hay dos formas, con la moderación en funcionamiento podemos moderarlos página por página y también desde un panel de control que podemos encontrar en la siguiente dirección developers.facebook.com/tools/comments

Aquí podemos ver los comentarios públicos y los que se encuentran pendientes de moderación, también bloquear usuarios para que no puedan comentar:

panel de moderación de comentarios en facebook

Y si hacemos clic en Configuración accederemos a más opciones que nos permitirán agregar a otros moderadores, filtrar palabras, permitir que los comentarios sean públicos sólo si nosotros los aprobamos e incluso corregir automáticamente las faltas de ortografía más comunes que en Facebook como sabemos son muy habituales:

opciones para los comentarios web de facebook

Un último detalle sobre el script de Facebook:

A la hora de crear el plugin o casilla de comentarios desde la página de Facebook en developers.facebook.com/docs/plugins/comments/ es importante seleccionar la aplicación adecuada para que el código que se genera automáticamente y se coloca dentro del <body> incluya el ID correcto:

id de la aplicacion en el script de facebook

Si ya estás usando este script se puede editar agregando el appId=xxxxxxxxxx como en la imagen. Este ID debe coincidir con la metaetiqueta.

Recuerda también que este script se puede cargar de forma asincrónica para mejorar la velocidad del sitio y la experiencia de los usuarios.

Si la moderación no funciona:

Es posible que tengas que esperar un poco para que los nuevos comentarios comiencen a aparecer en el panel de administración. Una forma de verificar que ya estén funcionando es acceder a cualquiera de las páginas y verificar si en los comentarios aparece la opción de moderación.

Si no aparece ingresa la URL en este depurador developers.facebook.com/tools/debug/ para actualizar la caché de Facebook o detectar posibles errores:

depurador de facebook

Espero que la información resulte de utilidad y cualquier duda pueden dejar un comentario.

41 comentarios en «Como moderar los comentarios de Facebook en un sitio web»

  1. ¡Excelente publicación!

    Ahora tengo una duda. Verifiqué y me están llegando las notificaciones al perfil de Facebook cuando hacen comentarios en la app de comentarios de FB en el blog. Pero, ¿existe la posibilidad de recibir esas notificaciones tanto en el perfil como en una página de Facebook? O, podría escoger solamente la página de Facebook para recibir las notificaciones? Es que el 99% del tiempo estoy conectado al FanPage más no así al perfil.

    ¿Podrías aclararme mi duda? ¡Gracias!

    Responder
  2. Buenas tardes amigo he leido cientos de post relacionados a este tema y esta es la mejor explicacion. estoy probando el plugin en un html sencillo que use solo para probar, ya cree la app y todo bien.
    el problema es el siguiente me funciona los comentarios los puedes ver en: http://www.arteslara.com.ve/plugin/ pero no puedo moderarlos hice exactamente todos los pasos tengo cada cosa en su lugar y aun nada te muestro el codigo para ver si me puedes ayudar.

    Los id son correctos es el mismo en los 2 codigos y cuando entre al moderador tools me sala la plicacion pero ningun comentario por modera agradezco de tu ayuda.

    Saludos desde Venezuela.

    Responder
  3. Las tengo ahí puestas.

    window.fbAsyncInit = function() {
    FB.init({
    appId : '780912571978232',
    xfbml : true,
    version : 'v2.2'
    });
    };

    (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/es_ES/all.js";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    Responder
  4. Hola gracias, he estado revisando y creo que si lo tengo puesto si te refieres a esto está en la linea 881 (google chrome). Por mas vueltas que le he dado no se que puede pasar lo he quitado y puesto varias veces y hecho diferentes aplicaciones en developer de facebook.

    I NEED HELP!! jjejee :)

    Responder
  5. Hola JC, recién veo los comentarios.

    En el primero sitio, el de caza, creo que te falta el código meta property=»fb:app_id»

    Al menos en el código fuente de los artículos no lo veo.

    Responder
  6. No se si me he explicado bien antes. En el que no funciona es el primero que he puesto en el campo WEB y el otro si funciona. Antes funcionaba la moderación de ambos.

    Responder
  7. Hola! por aquí estoy de nuevo, bueno me funcionaba todo correctamente y de repente en uno de mis blogs ha dejado de salirme la moderación. He comparado con otro blog donde funciona correctamente copiando los mismos códigos y únicamente variando las ids de las aplicaciones de facebook, pero nada no me sale la moderación y no puedo borrar ningún comentario. Si me lo puedes echar un vistazo te lo agradecería mucho :)

    Responder
  8. Hola, muy artículo. Pero le dí mil vueltas a lo mismo y jamás funcionó. He insertado sin problema la caja de comentarios, pero nunca pude moderarlo y he seguido al pie de la letra todo.

    Responder
  9. Hola Kike, sobre lo segundo no sé lo que pueda estar pasando, en tu lugar revisaría que los códigos estén bien o los volvería a poner como si fuera la primera vez.

    Sobre las notificaciones, a mí me sucede lo mismo, a veces aparecen y otras veces no. Prueba si lo que comentan aquí te funciona: http://goo.gl/7yQmGM

    Responder
  10. Hola, Alejandro. Muy útil el artículo. Lo he seguido paso a paso y me ha sido muy útil. Los comentarios funcionan y puedo moderarlos entrando en la interfase de la app. Ahora, tengo un par de inconvenientes: el primero es menor, y es que no me avisa en mi perfil cuando hacen algún comentario, con lo cual tengo que ir a revisarlos. El segundo, bastante más moelsto, y es que los comentarios no se publican en la página de Facebook del que realiza el comentario por más que la opción «Publicar en Facebook» esté tildada. ¿Sabes por dónde puede venir este inconveniente?
    Mil gracias por tu ayuda

    Responder
  11. Hola! soy yo de nuevo :( he implementado en otro blog y he corregido lo que me has dicho. y me sale la moderación local. pero si intento entrar en configurar desde el mismo post. Me arroja el siguiente mensaje
    «Solo los administradores de la aplicación pueden editar su configuración. fb:admins solo puede moderar las publicaciones localmente.»

    He puesto la id: de la aplicación que me da facebook, que es diferente al del otro blog. He hecho una para cada uno, así entendí en el blog. No se donde puede estar el problema. También tengo activado lo de Migration, dentro del developer Facebook porque así lo tenía en el otro blog.

    En resumen en un blog funciona, y en el otro no (pero solo la moderación en el developer, que es la que más me interesa) y son dos blog que tienen la misma plantilla y más o menos la misma forma.

    Si tienes un rato, me dices. Y gracias de nuevo me he suscrito a tu canal de youtube con los mios un saludo.

    Responder
  12. Muchas gracias funcionando, VAYA FALLO! jejeje soy un novatillo. Te lo agradeceré semanalmente. Lo voy a modificiar en el resto de blogs que los tenía con el mismo fallo. Un saludo y muchas gracias otra vez. Mira que he indagado y tienes la mejor página de esta temática que he visto.

    Responder
  13. Hola JC, bajo «facebook etiqueta» tienes 3 líneas… la primera no iría. Y en las otras dos tienes que sacar los caracteres { }, dejando sólo los números entre las comillas.

    Un saludo

    Responder
  14. Hola muy buenas he implementado hace unos días la caja de comentarios y he colocado las meta etiquetas con los ids. El problema es que no me salen en el developer ni tampoco el boton de moderar.
    Tengo la caja puesta en cada entrada por lo que en el codigo que arroja facebook he tenido que cambiarlo.

    No se si ahí estará el problema, si me lo pudieras mirar te lo agradecería mucho ;)

    Responder
  15. @Andres, es posible, en las opciones de configuración de la página hay una que al seleccionarla puedes ver los mensajes publicados antes de que sean públicos en el muro.

    Responder
  16. @Yeison, si gustas contácteme por privado.

    @Oscar, debería de funcionar, asegúrate de cambiar el 12345 por el ID de tu aplicación y revisa que no falte ninguna comilla:

    Responder
  17. que tal amigo primero que nada gracias por el aporte,
    ahora mi problema jeje, los comentarios ya los tenia en mi web www[.]musicagratispormega[.]com pero no los moderaba ahora que segui todos tus pasos cuando intento agregar los comentarios me manda este mensaje:

    The reference to entity «appId» must end with the ‘;’ delimiter

    manejo blogger pero con dominio propio el error me sale cuando le doy en guardar plantilla, ¿ Por que crees que me salga este error y como lo puedo solucionar ?

    Responder
  18. Tal vez algún plugin para WordPress pueda sacarlos de Facebook y pasarlos al servidor propio, pero Google desde hace tiempo los puede leer e indexar, por ejemplo en esta búsqueda puedes ver indexado un comentario de Facebook dejado en Inside Facebook http://goo.gl/hKmbSv

    Sólo hay que evitar usar el código del iframe, porque en ese caso no podría detectarlos.

    Responder
  19. Hola, muy buena la explicación. Pero hay algo que no me queda claro aún. ¿Hay que hacer algún tipo de modificación para que los comentarios sirvan para SEO? Es decir, ¿hay alguna manera de que los mismos aparezcan en el código de nuestro sitio web? Porque si están en los servidores de facebook no creo que sirvan para SEO.

    Muchas gracias por el post.
    Saludos.

    Responder
  20. Al fin encontré lo que buscaba, muchas gracias, la información me a servido de maravilla, al fin logré moderar los comentarios y pude crear la aplicación.

    Sólo quisiera saber sí existe la posibilidad de recibir una notificación en facebook, cuando se publique un comentario en mi web.

    Muchos saludos amigo, gracias por la entrada, te envió un fuerte abrazo.

    Responder
  21. @erick leo, al agregar tu sitio web sólo debes colocar la URL del sitio donde deseas moderar los comentarios http://www.example.com. En esa misma página también es donde vas a colocar la metaetiqueta para que el sitio y la app queden asociadas.

    Sobre los comentarios, lo mejor sería que cada página individual tenga sus propios comentarios… eso dependerá de la URL que coloques en la herramienta que te genera el script para los comentarios https://developers.facebook.com/docs/plugins/comments/

    Dependiendo del CMS la URL que se debe colocar ahí es diferente, en WordPress por ejemplo en lugar de http://www.example.com se pone lo cual genera las URLs individuales de los post.

    Si los mismos comentarios se repiten en toda la página, la experiencia para los usuarios no sería muy buena.

    Un saludo

    Responder
  22. hola, todo esta excelente!! felicidades por explicar todo a la perfeccion; pero en la parte de «hacemos clic en Configuración, luego en Agregar Plataforma y seleccionamos Sitio web:»

    que sitio voy a poner? el del sitio donde agregare la app de facebook, o como? y me surge una duda, he visto que hay paginas que tienen la misma lista de comentarios en cualquier parte de la pagina, por ejemplo uno ve un enlase de X pelicula, y publicas un comentario, te vas a ver otro enlase de otra pelicula y el comentario que dejaste en la otra pelicula esta ahi en primera fila.

    solo he visto uno que por cada foto publica comentarios diferentes. puedes orientarme en eso? te lo agradeceria muchisimo.

    Responder

Deja un comentario