Comentarios de Facebook (Social Plugin) Administrables
Para poder agregar comentarios de facebook con la posibilidad de moderarlos, es necesario
1.- Crear una aplicación de facebook , lo puedes hacer en éste link:
http://developers.facebook.com/setup/
Ahi pedirá El nombre de la aplicacion o sitio, la url (en mi caso http://estebanfuentealba.net? el “?” permitirá incrustar los comentarios en cualquier dirección del dominio ).
Después nos pedirá un codigo de seguridad y por ultimo nos entregará los datos de la app y un codigo de muestra.
De esos datos necesitaremos la identificación de aplicación.
Para agregar los comentarios a las páginas es necesario los siguientes códigos:
- Agregar al tag el siguiente codigo:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="es" lang="es">
- En la cabecera de la página agregar :
<meta property="fb:app_id" content="APPID" />
Ejemplo:
<meta property="fb:app_id" content="207075379302808" />
- En el cuerpo:
<div id="fb-root"></div> <script src="http://connect.facebook.net/es_ES/all.js#appId=APPID&xfbml=1"></script> <fb:comments href="URL" num_posts="10" width="500"></fb:comments>
Ejemplo:
<div id="fb-root"></div> <script src="http://connect.facebook.net/es_ES/all.js#appId=207075379302808&xfbml=1"></script> <fb:comments href="http://estebanfuentealba.net/facebookComentario" num_posts="10" width="500"></fb:comments>
Quedará algo asi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="es" lang="es"> <head profile="http://gmpg.org/xfn/11"> <meta property="fb:app_id" content="207075379302808" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>FB Comentarios</title> </head> <body> <div id="fb-root"></div> <script src="http://connect.facebook.net/es_ES/all.js#appId=207075379302808&xfbml=1"></script> <fb:comments href="http://estebanfuentealba.net/facebookComentario" num_posts="10" width="500"></fb:comments> </body> </html>
Demo: http://estebanfuentealba.net/facebookComentario/
Para administrar los comentarios,agregar modedadores, agregar filtros,etc. es posible hacerlo en la misma página que se agregaron los comentarios (Configuración) o en http://developers.facebook.com/tools/comments
Saludos!
Por favor, una pregunta. ¿Se puede poner el mismo código en diferentes páginas de una web?. Necesito ponerlo en diferentes páginas con diferentes temas y por lo que veo se duplican los mismos comentarios. ¿Qué diferencias he de incluir?. Gracias por adelantado
Si, lo puedes incluir en diferentes paginas, solo le debes cambiar el href al tag fb:comments
Hola
En IE (usando wordpress) la página recarga y se queda en blanco… Por qué? Otro detallito, podrías explicar mejor como hacer para que no se vean siempre los mismos comentarios en posts diferentes de tu blog.
Gracias!
Me sirvió de mucho tu explicación. Solo tengo un problema. Tengo el codigo insertado en pagina html, con una table de 1 fila por 2 columnas. Lo puse a la derecha, pero no se crea barra deslizante, si no que se van añadiendo los comentarios, y cada vez parece mas un chorizo desproporcionado. ¿como limitarlo?
Myu bueno, gracias
Only want to say your article is brilliant.
Gracias broer me la hiciste facil!
alguien me puede dar un codigo html de pulgin social facebook para MAC ,os agradezco