21

Cómo integrar comentarios en tu web con facebook Connect – actualizado

February 3, 2012

Publicidad / Advertisement

Los cambios que afectan a la forma de integrar comentarios de Facebook han sido para bien, y la facilidad de integración y desarrollo ahora es muy superior que hace unos años.

Una de las mejoras de Facebook Connect  es que ya no es necesario tener una cuenta en Facebook, ni manejar claves de API.

Tan sólo hay que hacer ir a esta página de configuración de Facebook y configurar los parámetros del formulario a nuestro gusto:

http://developers.facebook.com/docs/reference/plugins/comments/

Una vez configurado, pulsar Get code y copiar el código en la página donde quieres que integrar el plugin.

 

1. Añade el siguiente código justo después de la apertura de la etiqueta <body>

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/es_LA/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

 

2. Pega este código en el lugar donde quieras que aparezcan los comentarios en tu web:

<div data-href=”[URL DE TU WEB]” data-num-posts=”5″ data-width=”470″></div>

 

Como ves, puedes parametrizar, el número de comentarios que quieres mostrar, el ancho y el estilo de presentación ( light o dark ) .

¿Quieres ver un ejemplo funcionando?

Ver demo Facebook Comments

…y además de poder echarte una partidita, puedes dejar un comentario para probar que funciona! 😉

 

Publicidad / Advertisement

 

Topics: Desarrollo web, Facebook, Internet | 8 Comments »

8 Responses to “Cómo integrar comentarios en tu web con facebook Connect – actualizado”

  1. Joel Says:
    February 16th, 2012 at 1:02 am

    Oye y como se hace para administrar esos comentarios, por ejemplo si alguien pone groserías o cosas así como se borran o eso, gracias por tu ayuda.

  2. creacciona Says:
    February 16th, 2012 at 8:23 pm

    Para poder moderar comentarios como administrador, tienes que añadir este metatag en la cabecera de tu página:

    <meta property=”fb:admins” content=”{YOUR_FACEBOOK_USER_ID}”/>

    Espero que te sirva.

  3. pat Says:
    March 26th, 2012 at 11:00 pm

    necesitaria poner esta aplicacion en un blog de blogger, lo que pasa es que tendria que ponerlo en cada entrada, no hay forma de que se adhiera automaticamente?

  4. alejandro quiceno Says:
    June 4th, 2012 at 10:37 pm

    Saludos, me parece interesante poder incluir el comentario de Facebook en Blogger, con la posibilidad de poder moderar los comentarios. Si sabes algo de eso te agradecería. Supongo que con Google+ que es competencia no dejarán que usen su plataforma Blogger para ese fin.

  5. creacciona Says:
    June 10th, 2012 at 2:27 pm

    Yo no lo he probado en blogger, pero en principio debería funcionar sin problemas, Habeis probado ?

  6. Oscar Says:
    June 21st, 2012 at 11:26 am

    Hola, yo lo he probado en http://www.todoligas.com y funciona perfectamente.

    Ejemplo: http://www.todoligas.com/clasificacion.php?id_liga=906&id_categoria=997

    Gracias

  7. Abner Bo Says:
    August 4th, 2012 at 9:25 pm

    no me sale nada, estoy copiando los codigos y no me sale nada de facebook tiene algun truco o por k no me sale, hago exactamente lo mismo que tu dices

  8. Competenciaperfecta Says:
    January 21st, 2013 at 11:16 pm

    No entiendo mucho como interactuan esos comentarios con la cuenta de facebook? son comentarios de la URL donde se inserta el codigo? y eso donde se ve en la cuenta de fcbk?

Comments