Action|Shooting|Funny|Platforms|Strategy| Sports|Classics|Fighting|Space ships|Adventures|Car racing|Skills|Music|Girls|Kids|Puzzles|Arcade
Empire Goodgame Studios
  • Tags

  • Anúnciate aquí
     

    « | Home | »

    Cómo integrar comentarios en tu web con facebook Connect

    By creacciona | November 4, 2009



    Quieres saber cómo poner una caja de comentarios de facebook en tu web?

    Atención!

    este post está totalmente desactualizado, en estos últimos 3 años Facebook ha cambiado su API y muy probablemente ya no sirva nada de lo que aquí se explica. Para ponerte al día sobre cómo integrar los comentarios de Facebook connect en tu web, consulta la siguiente actualización del artículo aquí :

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


    Facebook Connect es un poderoso conjunto de APIs para desarrolladores web que permiten usar la infraestructura de comentarios y autenticación de usuarios de facebook dentro de otras páginas web. Hay que aclarar que para usar Facebook Connect, ya no es necesario tener una cuenta en Facebook.

    La API ha cambiado y ahora es más fácil de integrar y usar. Tan sólo hay que hacer ir a esta página y configurar 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.
    Antes, para poder usar el Facebook Connect era necesario seguir los siguientes pasos:

    1. Crear la aplicación facebook que nos proporcionará nuestra clave API para utilizar facebook Connect. Para crear una nueva aplicación, accedemos al panel de aplicaciones desde nuestra cuenta de facebook.

    http://www.facebook.com/developers

    y luego pulsar sobre el botón Crear una nueva aplicación.

    También puedes usar el siguiente enlace que te va guiando en 3 pasos con ejemplos de código.

    http://developers.facebook.com/connect.php

    Una vez creada la aplicación, vemos que tiene asociada una clave API y una clave secreta. La clave API es la que necesitaremos para usar facebook connect, mientras que la clave secreta ( junto con la clave API ) nos porporcionará el acceso a la API de Facebook y nunca debe ser difundida.

    2. El siguiente paso es añadir en nuestro código HTML algunas lineas JavaScript. Primero añadir en el tag ‘html’ de nuestra web :

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

    3.  Añadir las librerias JS que nos permiten conectar con facebook. Estas llamadas Javascript se recomiendan poner justo antes del cierre de body, pero pueden ser puestas en cualquier sitio:

    <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script>
    <script type="text/javascript">FB.init("<API_KEY>");
    </script>

    donde <API_KEY> lo sustituimos por la clave API de nuestra aplicación.

    4. Por último, añadir donde se quieran mostrar los comentarios, las etiquetas fbml que gestionan y montan toda la parte de los comentarios:

    <fb:comments width="520px" numposts="5" reverse="true" >
    <fb:title>Comments</fb:title>
    </fb:comments>

    Otros parámetros de la etiqueta fb:comments

    más info: http://wiki.developers.facebook.com/index.php/Fb:comments

    Por último, y como prueba de que esto funciona, podeis visitar http://fotos.creacciona.com/ y dejarme un comentario. Gracias!

    Tutoriales en video oficiales sobre Facebook Connect:

    Tags: , , , , , , , , , , , , , , , ,

     

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

    24 Responses to “Cómo integrar comentarios en tu web con facebook Connect”

    1. Oscar Says:
      November 5th, 2009 at 8:44 am

      Excelente artículo, muy didáctico y aclaratorio para todos aquellos que quieram integrar su website con facebook.

    2. Isaac Says:
      February 7th, 2010 at 5:40 am

      Por mas que trato… no me sale.

      Es exactamente asi como me gustaria que quedara en la web que preparo…

      http://www.universo.cl/fbconnect/vueltas_universo.html

      No hay caso.

    3. creacciona Says:
      February 7th, 2010 at 10:01 pm

      Hola Isaac, pásame el código por correo y le echo un vistazo, porque es algo muy simple.

      ¿Has creado la aplicación?, asegúrate que el ‘base domain’ de la configuración de la aplicación es correcto.

      Un saludo

    4. Horacio Says:
      March 26th, 2010 at 1:13 am

      Buenas noches quisiera hacer una pregunta, implemente esto a modo de pruebas pero cuando voy a insertar un comentario me sale el siguiente error.

      Database Down
      Sorry, a temporary error has occurred. Please try again.

      No es siempre pero sale seguido, y para implementar esta aplicacion me gustaria solucionar estos problemas alguna ayuda por favor.

      Igual que cuando quiero eliminar un comentario aveces me sale el siguiente error

      Bad Parameter
      There was an error understanding the request.

    5. creacciona Says:
      March 26th, 2010 at 9:01 am

      Este tipo de problemas son generales y se deben al pésimo rendimiento que los desarrollos de Facebook están teniendo cada vez con más frecuencia. Poco se puede hacer.

      Puedes consultar la comunidad y el hilo de bugs y problemas:

      http://www.facebook.com/help/?community=783

    6. pitx Says:
      April 6th, 2010 at 10:56 am

      Hola!
      Tengo instalado el fb:comments y funcionando correctamente, pero quiero que los comentarios de los usuarios de fb que ponen en mi pagina web (ej. http://mi.pagina.web) se vean tambien en el muro de la aplicacion que he creado. ¿Como se puede hacer? ¿Alguna idea?

    7. killerkid Says:
      April 30th, 2010 at 8:00 pm

      hice pruebas y no me sale nisiquiera el boton de login y no me aparece el boton

    8. Nahuel Says:
      June 11th, 2010 at 4:07 am

      Intengo pero no logro que quede tal cual, pordrias darme una mano.

    9. Nahuel Says:
      June 11th, 2010 at 4:08 am

      Intento pero no logro que qeuede así. Podrías darme una mano?

    10. Edier Says:
      July 19th, 2010 at 6:43 pm

      Hola alguien me podría ayudar con el plugin de comentarios, enviarme al correo los codigos necesarios. Por mas que intento no me funciona.

      Muchas gracias.

    11. Cristian Hernandez Gonzalez Says:
      September 9th, 2010 at 5:02 am

      Pues no soy programador, y debo reconocer que no se ve dificil, pero no se porque no me funciona.

      En todo caso muy excelente tu pagina.

      Me gusto mucho, si puedes orientarme con manzanitas, te lo agredece

      Un Escritor, tratando de terminar su web

      nota: no preguntes porque no la mande a hacer… porque si lo hice, pero… sin comentarios…

    12. andrwsv Says:
      September 18th, 2010 at 7:50 pm

      tengo un problema en mi sitio tengo varios post y cuando alguien comenta queda en los comentarios de todos los post me gustaria que solamente salga los de cada uno.

      estoy diferenciando los comentarios con url y nada, aca les pego el cosigo:

      agradesco su ayuda

    13. richard Says:
      November 25th, 2010 at 4:08 pm

      hola a todos tengo el facebook comentario instalado en mi web todo normal hace unas semaanas
      y ahora solo carga y carga y ya no salen los comentarios alguien sabe que puede hacer gracis

    14. carlos Says:
      January 22nd, 2011 at 1:48 am

      por mas q intento no me sale, alguien puede darme una mano? no entiendo mucho del tema solo manejo el wysig wilder, gracias a todos.

    15. Daniel Says:
      January 30th, 2011 at 1:58 am

      Estoy intentado instalarlo y como dice Richard, sólo se queda cargando infinitamente sin llegar a mostrarlo, alguien sabe que está sucediendo? Algún problema en Facebook? o algún cambio en el API que no han comunicado?

    16. Tipos de cartas Says:
      February 6th, 2011 at 11:52 pm

      Hola.
      He hecho lo que dicen en el tutorial, todos los pasos, pero no me funciona. pueden ayudarme??
      Saludos

    17. Daniel Says:
      February 15th, 2011 at 7:04 am

      He visto que si se tiene otro elemento de facebook en las misma página puede fallar, probar a quitar el resto y mirar a ver si os funciona.

    18. syrope Says:
      April 25th, 2011 at 1:11 pm

      La API ha cambiado bastante, y parece que a mejor.

      Dejo aquí una URL interesante para ponerse al dia:

      http://developers.facebook.com/docs/guides/web/#plugins

      Ahora mismo estoy probando el botón de “Me gusta” y es muy fácil de integrar.

    19. Carolina Says:
      May 23rd, 2011 at 10:14 pm

      Hola, tengo una duda, espero si alguien puede colaborarme con esta inquietud. Tengo un cliente que quiere que en su página web aparezca los comentarios del muro hechos en su grupo de facebook. No es crear la caja de comentarios. Esto es posible??? Si aguien sabe por favor me podría ayudar??? gracias

    20. creacciona Says:
      May 28th, 2011 at 11:09 am

      Hola, para mostrar los comentarios del muro tienes que usar el plugin de LikeBox ( la caja de fans ) que está asociada a la página del grupo en facebook. Te pongo un ejemplo de cómo quedaria integrado en una de mis páginas:

      http://games.givemefun.net/

      Para configurar el plugin, solo hay que ir a esta página:

      http://developers.facebook.com/docs/reference/plugins/like-box/

    21. cmdj Says:
      June 13th, 2011 at 7:02 pm

      hola me pueden orientar un poco, necesito editar la posicion en donde se ingresan los comentarios!!

    22. alecab Says:
      August 20th, 2011 at 12:45 am

      me andubo todo perfecto, el unico problema es que esta en ingles, se puede cambiar?

    23. Peter Says:
      October 26th, 2011 at 4:38 pm

      Buenas!!

      Está genial este tema, yo encontré una solución fácil en esta página. Posiblemente os pueda servir:

      http://aplicacionesfacebookparadummies.blogspot.com/2011/10/integrar-comentarios-en-tu-web-con.html

    24. DIego Says:
      November 13th, 2012 at 10:45 pm

      Muchas gracias por la información, me servira mas que seguro para mejorar mi web ;)

    Comments