Como poner los comentarios de facebook en WordPress

Publicado por PulsoDigital el 3 de octubre del 2012 en wordpress
  • Comparte este Articulo   

comentarios de facebook en wordpress

En wordpress, siempre andamos buscando maneras de poner los comentarios de facebook, para nuestro blog o web que son muy útiles por que nuestros usuarios pueden interactuar desde las mimas redes sociales que para ellos les sera mas fácil y menos engorroso, por que ya están acostumbrado a usar esta red social.

Es por eso que en este articulo les traigo 2 métodos para insertar los comentarios de facebook en WordPress, el primero hacerlo a travez de un plugin, y el segundo sin plugin, en lo personal me gusta el de sin plugin, ya que ocuparíamos menos recursos de nuestro blog.

Puedes ver una demotracion en: Blog de ejemplo

A continuación el tutorial:

Método 1: Insertar comentarios de facebook sin plugin

Paso 1: Lo primero que tenemos que hacer es ir a la web de desarrolladores de facebook:

Desarrolladores de Facebook – Comentarios

Aquí creamos nuestra caja de comentarios a nuestro antojo, lo importante es poner bien la url de nuestro sitio web o blog.

Paso 2: Ahora daremos clic en “Obtener código” tal como aparece en la imagen:

Debes dar clic en “Get Code” es decir obtener código, te aparecerá un recuadro con 2 códigos en HTML5 que debes pegar en tu blog, a continuación la explicación lee atentamente.

codigo de comentarios

El primero código, debes pegarlo despues de la etiqueta <body> que se puede encontrar en el “header.php” de tu tema.

El segundo código debes pegarlo donde quieras que aparezcan los comentarios, por lo general en single.php o comments.php, pero aqui te explicaremos como hacerlo para que no tengas mayores problemas.

Primero debes desabilitar los comentario por defecto de wordpress, dirigete a el archivo “Single.php” y busca el siguiente codigo:

<?php comments_template( '', true ); ?>

Si no lo encuentras esta imagen puede ayudarte:

Eliminarlo completamente, ahora en el mismo lugar en donde eliminaste el codigo pega el codigo de la caja de comentarios que te dio facebook en el paso 1.

NOTA: Si no desaparecieron los comentarios por defecto de tu blog por medio del codigo, lo mejor sera pegar los comentarios de facebook en el archivo “Comments.php” del tema. No podemos dar muchas mas explicaciones por que cada tema de wordpress es distinto y contiene código distintos, no todos son iguales como lo es wordpress en si.

Paso 3: Introducir ID para moderar los comentarios

Este paso no es del todo necesario, ya que puedes insertar los comentarios de facebook sin necesidad de registrarte en la web de desarrolladores de facebook y crear una aplicación, pero es importante para moderar y eliminar algunos comentarios.

Para localizar la ID de tu cuenta de facebook (todas las cuentas de facebook poseen una ID unica) debes ir al perfil de tu cuenta y en la barra de dirección buscar lo siguiente:

encontrar la id de tu cuenta de facebook

Solo copia y guarda la id, que esta marcado en rojo, obviamente tu id va a ser distinta.

Por ultimo, debes pegar esto en el header.php de tu tema, antes del termino de la etiqueta </head>.

 <meta property="fb:admins" content="{La id de tu cuenta de facebook}"/> 

Y listo ya tienes los comentarios de facebook en tu blog.

Método 2: Comentarios de facebook en wordpress con plugin

Usar plugin para muchos puede ser una opcion muy buena, ya que no necesita configurar el código desde la fuente, si no que desde las opciones y ademas no necesita conocimientos avanzados, pero el problema radica en que pueden ocupar muchos recursos de nuestro servidor, no es que sean malos si no que hay que evitar usar muchos.

Paso 1: Instalación del plugin

Lo primero que tienes que hacer es dirigirte a la pagina de plugins de wordpress: Facebook – plugin para WordPress

Lo descargas y lo subir por FTP o bien lo instalar directamente desde plugins -> añadir nuevo en el dashboard de wordpress.

Paso 2: Insertar comentarios de facebook

Una vez que lo tengas instalado, te aparecer un nuevo menu en el dashboard de wordpress justo abajo, dirigete a Facebook -> Facebook

Ahora debes seguir los pasos que te indica el plugin, resumiendo lo que indica (como esta en ingles explicare un poco) tienes que crear un aplicacion de facebook en: Desarrolladores de facebook 

Cuando ya hayas creado la aplicación de facebook, deberás introducir la id de la aplicación y el código secreto de la aplicación, para que de esta manera puedas administrar los comentarios.

NOTA IMPORTANTE: Debes estar registrado en facebook con una cuenta verificada, es decir que hayas dado un numero de teléfono correspondiente a tu pais, si no lo tienes es mejor que pongas los comentarios de facebook sin plugin, en el método 1.

Articulos Relacionados
15 Comentarios en Como poner los comentarios de facebook en WordPress
  1. Dr.wolf dijo:

    nunca pude poner los comentarios de facebook en mi blog pero gracias a esta pagina puede hacerlo muchas gracias por el tutorial lo tendre en favoritos

  2. jhonnystyle dijo:

    me sirvio tu informacion hermano muchisimas gracias estoy muy agradecido como puedo hacerte mas preguntas

  3. jhonnystyle dijo:

    como ago para poner esta caja de comentarios que estas utilizando actualmente

    • PulsoDigital dijo:

      Hola, la caja de comentario que uso actualmente es propia de nosotros y esta echa especialmente para nuestro tema.

      Si quieres podemos publicar un tutorial para incorporar distintos tipos de cajas de comentarios, o si lo prefieres usa los comentarios de disqus que en un tutorial anterior explicamos como instalarlo y usarlo, clic aqui para ver el tutorial.

  4. Carlos dijo:

    Hola, muchas gracias por el aporte, pero, me gustaría saber si podrías ayudarme con un par de dudas. Lo he instalado con el metodo uno, pero, hay 2 cosas que no me funcionan, 1a que cuando comento en un post de mi pagina, en facebook no aparece el link al post referente , sino que siempre aparece el link a mi pagina principal, es decir, que si hago un comentario en http://www.mipagina.com/post1 , en facebook siempre aparece la referencia a http://www.mipagina.com , y no al post en concreto en el cual se esta comentando y el segundo problema que tengo es el tema de moderar los comentarios, no me funciona con introducir ese código . Si fueras tan amable de ayudarme, muchas gracias, un saludo.

    • PulsoDigital dijo:

      Hola Carlos,
      Primero que nada muchas gracias por tu comentario, ahora respondiendo a tus preguntas:

      1.- Cuando comento en un post de mi pagina, en facebook no aparece el link al post referente.

      R: Podrías pasarme el link de tu sitio para poder ver cual es exactamente el problema? lo que creo yo sin analizar la pagina es que probablemente tienes que crear una aplicación.

      2.- El segundo problema que tengo es el tema de moderar los comentarios, no me funciona con introducir ese código.

      R: Esto se debe a que facebook cambio el modo de moderar los comentario hace un par de semanas (No estoy seguro en la fecha exacta) ahora lo que tienes que hacer es lo siguiente:

      Es dar de alta a tu web en: Desarrolladores Facebook
      Luego generar una ID de aplicación y de esta manera podrás moderar los comentarios, después que la des de alta debes pegar el siguiente código en el header de tu sitio:

      <meta property="fb:app_id" content="{ID que te genero la aplicacion}"/>

      Con todo esto listo para moderar los comentarios debes acceder a: http://developers.facebook.com/tools/comments

      Ahora si podrás moderar los comentarios sin problemas, mas tarde lo todo esto lo pongo dentro de la entrada, porque ahora no dispongo del tiempo suficiento, quedamos en contacto, Saludos!

      • Carlos dijo:

        Hola de nuevo,

        disculpa el retraso y muchas gracias a ti por tu ayuda.

        Me estoy volviendo loco con esto de los comentarios de facebook y botones de share y like.

        Te explico paso a paso lo que hice, a ver si me puedes ayudar a terminar de configurar todo esto.

        Despues de ver tu comentario, me decidí por usar una aplicación y un plugin de wordpress.

        Tengo instalado el siguiente pluguin “Facebook Comments :: Red Rokk Widget Collection” , lo introduzco en la seccion Comments dentro de los widgets, lo configuro y aparece en la pagina, hasta ahi todo correcto.

        Problemas:
        Cuando comento en los posts recientes no sale ninguna imagen a la hora de publicarlo en mi muro y me dice Warning:

        http://www.muchofriki.com/2-tontos-muy-tontos-en-el-bosque/ is unreachable.

        Le doy a ese link https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.muchofriki.com%2F2-tontos-muy-tontos-en-el-bosque%2F

        y me dice lo siguiente:

        Critical Errors That Must Be Fixed

        Código de Respuesta Erronea: URL returned a bad HTTP response code.
        Errors That Must Be Fixed

        Missing Required Property: The ‘og:url’ property is required, but not present.

        Bueno al ver esto y sin tener ni idea me voy a la busqueda de plugins e instalo algunos plugins “Open Graph”.

        Voy instalando varios y consigo que el botón “me gusta” publique en mi muro la fotografía “featured”, es decir la que tiene que ser, pero, los comments, publican otra (un anuncio que tengo de demo) o ninguna, cualquiera menos la correcta que esta cargada en el post.

        Con alguna configuración de plugins también me sucedió que no publicaba nada de nada, pero, he probado tanto que ya no se cual fue.

        Los plugins que e instalado de “open graph” son los siguientes: “Open Graph” “Open Graph WP implementation” “WP Facebook Like Send & Open Graph Meta”

        Tengo los 3 activos, sin saber lo que hacen, pero, intentando buscar una solución a una cosa que me imaginaba que era mucho mas sencillo.

        La pagina web esta en construcción, pero, la dejare abierta para que puedas mirarlo a ver si eres capaz de decirme cual es mi problema, porque como te digo me estoy volviendo majareta para poner una tonteria de comments y boton “i like”.

        Mi pagina web: http://www.muchofriki.com

        Gracias de nuevo por tu ayuda y espero que sea posible solucionar mi problema.

        Saludos, Carl.

        • PulsoDigital dijo:

          Hola carlos,
          Creando unos comentarios en tu pagina me doy cuenta que el plugin si crea los comentarios perfectamente,
          Pero el error puede ser que no estes usando el plugin original de los desarrolladores de facebook,
          Yo estoy usando actualmente el plugin de facebook y se llama: Facebook
          Quizás con este plugin puedas solucionar tu error, yo no he tenido problemas con el, ademas tiene casi todas las funciones de la pagina de desarrolladores de facebook en un solo plugin.

          En cuanto a el otro problema no lo entendí muy bien podrías ser tan amable de explicarme el otro?
          Saludos.

  5. Carlos dijo:

    Hola de nuevo,

    bueno instale el plugin que me comentas(Oficial Facebook), pero, no hay manera, sigue poniendo otra imagen en vez de la imagen”featured” del post, y me pasa lo mismo con los botones “i like” hasta que no pasa un tiempo la imagen que me carga es la de la publicidad que hay en el sidebar, así que me estoy volviendo un poco loco con este tema, porque claro comentar y que salga una foto de publicidad en facebook, no da pie a que nadie haga click en el enlace, así que mas que beneficiar me perjudica.

    Si te fijas y le das al boton “like” en este nuevo post que hice hace un rato veras lo que te comento.

    http://www.muchofriki.com/concursocamisetasmojadas/

    Si sabes como funciona la selección de la imagen que sale en Facebook podría solucionar este fallo, te agradezco tu ayuda, y que rabia me da Facebook, cada vez mas…

    Lo otro de Open Graph, ya no me sale, pero, vamos que no tengo ni idea de que es open graph ni nada por el estilo. :)

    Gracias por tu tiempo y tu ayuda de nuevo.

    Saludos.

  6. pablo ayala dijo:

    Hola Carlos… te quedo muy bien tu blog.
    Como lograste que el link de la publicacion en el facebook se vaya precisamente al articulo? todos mis links se van a la pagina home de mi blog. que estoy haciendo mal??

  7. Josue dijo:

    gracias

  8. Paredes dijo:

    Me sirvio la info, Gracias a la clara explicacion le quite un poco el miedo a modificar los codigos de wordpress y no ser tan dependiente de los plugin, que por lo que tengo entendido hacen que sea mas lenta la web.

    Saludos

  9. Miguel dijo:

    Ojala puedas ayudarme, segui los pasos, ahora tengo instalado los comentarios SIN plugin pero no logro hacer que pueda administrarlos, podrias hecharme una manito??

    • PulsoDigital dijo:

      Recuerda que tienes que pegar este codigo justo despues de la etiqueta

      <meta property="fb:admins" content="Facebook_ID"/>

      y en donde dice “Facebook_ID” reemplazalo por la id de tu cuenta de facebook.

      Luego guarda los cambios y espera unos 10 minutos y veras como ya puedes moderar y administrar los comentarios.

      Saludos!!

Deja tu comentario