Inicio > HTML, JavaScript > Comentarios de Facebook (Social Plugin) Administrables

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:

  1. 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"> 
  2. En la cabecera de la página agregar :
    <meta property="fb:app_id" content="APPID" />

    Ejemplo:

    <meta property="fb:app_id" content="207075379302808" />
  3. En el cuerpo:
    <div id="fb-root"></div>
    		<script src="http://connect.facebook.net/es_ES/all.js#appId=APPID&amp;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&amp;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&amp;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!

  1. Chema
    marzo 26, 2011 a las 11:56 am

    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

    • estebanfuentealba
      marzo 26, 2011 a las 12:00 pm

      Si, lo puedes incluir en diferentes paginas, solo le debes cambiar el href al tag fb:comments

  2. marzo 28, 2011 a las 9:00 am

    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!

  3. mayo 10, 2011 a las 3:45 pm

    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?

  4. noviembre 25, 2011 a las 5:40 pm

    Myu bueno, gracias

  5. enero 25, 2012 a las 6:03 pm

    Only want to say your article is brilliant.

  6. febrero 22, 2012 a las 5:10 am

    Gracias broer me la hiciste facil!

  7. tanian
    abril 4, 2012 a las 11:34 am

    alguien me puede dar un codigo html de pulgin social facebook para MAC ,os agradezco

  8. agosto 10, 2012 a las 7:19 pm

    Amigo… una pregunta… gracias a tu posteo, incorporé la función de comentarios a todos los discos de http://www.portaldisc.com... es una excelente noticia para nosotros… la pregunta es… hay alguna forma de poder ver en alguna parte que discos han comentado sin tener que ir revisando uno a uno?, ya que son más de 3.000!. Muchas Gracias!. Mi mail es smilos@portaldisc.com

    • cesar
      enero 31, 2014 a las 5:46 pm

      Hola Sebastian buena pagina, una pregunta ¿como hiciste para que en cada pagina te salge el plugin de comentarios de facebook diferente? x favor te agradezco de antemano.

  9. jesus
    febrero 13, 2013 a las 2:03 am

    amigo una duda, como puedo administrar para eliminar comentarios no deseados

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: