13 jun. 2013

Mete la caja de comentarios de Facebook en tu Blog - Consigue que más usuarios hablen de tu contenido

Incrementar las prestaciones de nuestro Blog permitiendo nuevas formas de acceso a las redes sociales para nuestros usuarios siempre puede resultar provechoso.

La página de Referencia de Facebook Developers es un auténtico arsenal de gadgets que pueden servirnos para mejorar nuestras posibilidades sociales. El problema es también saber incorporarlos sin afectar al rendimiento general de nuestro sitio web.

Vamos a incorporar en nuestro Blog la caja de comentarios de Facebook para que los usuarios puedan comentar en el muro las dudas, observaciones y recomendaciones que consideren. Junto al correcto uso de los comentarios en el Blog y la combinación con otras utilidades de acceso a redes sociales, puede suponer un buen punto de contacto que permita unir el mundo del Blog con el mundo social de nuestros usuarios.




Ejemplo de comentarios de Facebook en vivo


Conceptos Iniciales, ¿Qué vamos a hacer?:


Vamos a proceder a incorporar un "widget" o componente de aplicación externa de Facebook mediante el cual nuestros usuarios podrán comentar todo lo que sucede en el blog, además se podrán marcar los comentarios más relevantes. Los usuarios podrán pulsar "Post to Facebook" para publicar su comentario en su perfil social indicando que ha sido realizado en tu web. Otros usuarios que lo lean podrán así mismo contestar a esos comentarios y podrán verse directamente en tu Blog. Es un "plugin social" que te permitirá llegar a nuevos usuarios a través de los comentarios de tus seguidores.

Recomendaciones:


Es importante hacer la reseña de rendimiento, la incorporación de "scripts" de aplicaciones externas a nuestro Blog pueden implicar un sobrecoste para el rendimiento del mismo. Es necesario que cada vez que incorporemos esta clase de elementos en él, midamos el rendimiento del sitio con Page Speed para evaluar si estamos perdiendo velocidad de ejecución y más que suponer una ventaja, suponga un inconveniente.

Los comentarios de Facebook no se almacenan en tu cuenta de Google+ o Blogger, se almacenan en Facebook. Para utilizar los comentarios de Blogger te recomiendo la entrada: Aprende a configurar los comentarios en tu Blog

Paso a paso CAJA DE COMENTARIOS FACEBOOK A NIVEL DE TODO EL BLOG:

Estos comentarios van a aplicar a todo el Blog. Si deseas meter los comentarios para que apliquen sólo a nivel de entrada, pasa al siguiente epígrafe.

1) Nos conectamos a la URL de Facebook Developers, a la página para el "widget" de comentarios: http://developers.facebook.com/docs/reference/plugins/comments/

Página de configuración del "Widget" para comentarios de Face Book


  • Introduce los datos en la sección de configuración del widget de la página de Facebook:

    • Introduce en "URL to comment" la dirección de tu Blog.
    • En Width pon el ancho que desees establecer para el widget. Puedes cambiarlo después tranquilamente cuando lo insertes en tu Blog.
    • Selecciona en "Color Scheme" el esquema de color  que deseas darle. Si tu Blog es claro puedes seleccionar "Light" si es oscuro te recomiendo "dark".
    •  A continuación pulsa sobre el botón "Get code" para obtener el código fuente que debes poner en tu sitio web. Tendrás dos divisiones, una con el código que debes introducir en el <body> de tu blog y otra con el código que introducirás en el Gadget HTML/Javascript donde residirá finalmente el Widget de comentarios de Facebook.


2) Ahora sólo queda insertar el código extraído de Facebook en tu Blog. Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

  • En primer lugar realiza una copia de seguridad de tu sitio. Aunque es realmente sencillo lo que vamos a hacer, recomiendo que previamente tengamos a buen recaudo nuestro código original, de manera que siempre podamos "volver atrás" ante cualquier error. No dejes de realizar esta guía paso a paso para salvaguardar tu blog.
  • En Blogger, en el menú de la izquierda, dirígete a la opción "Plantilla" y pulsa "Editar HTML". Localiza la etiqueta "<body" (no pongas la etiqueta de cierre de body) y justo debajo inserta el código que extraiste de Facebook correspondiente al apartado del "<body>".
Pantalla de edición de la plantilla HTML. pulsa CONTROL + F y busca 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_ES/all.js#xfbml=1";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
NOTA: Debido a la última actualización que Facebook ha introducido en sus scripts, si te da errores en la plantilla al tratar de salvar el código anterior, utiliza este que a continuación te muestro.
<div id='fb-root'/><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 = &quot;//connect.facebook.net/es_ES/sdk.js#xfbml=1&amp;version=v2.0&quot;;  fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
Si este código ya lo tenías añadido con anterioridad por tener alguna funcionalidad de Facebook incorporada ya al Blog, no es necesario que vuelvas a meterlo y puedes pasar al siguiente punto.

  • En Blogger accede a la edición del HTML de la plantilla pues Blogger



Opción de diseño en Blogger.

  •  En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el "Widget" de comentarios de Facebook y selecciona el Gadget "HTML/Javascript".

Pulsa sobre "Añadir Gadget" en la zona donde deseas insertar los comentarios a nivel de la página principal de tu Blog


  • Añade el código fuente que recuperaste de Facebook:
<div class="fb-comments" data-href="http://diariosdelanube.blogspot.com.es" data-width="470" data-num-posts="10"></div>

Añade el código fuente del AddThis
  • Pulsa "Guardar Disposición" y ¡ya lo tienes!

3) Opcionalmente, Si deseas administrar los comentarios que se introduzcan, para eliminar o impedir que los usuarios escriban contenido irrelevante o abusivo, de nuevo edita la plantilla HTML y escribe en el <head>:

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

Paso a paso CAJA DE COMENTARIOS FACEBOOK PARA QUE QUEDEN A NIVEL DE ENTRADA:

Estos comentarios quedarán asignados a cada entrada en particular. No son a nivel de Blog sino por cada entrada, como los propios de Blogger pero en Facebook.

1) Nos conectamos a la URL de Facebook Developers, a la página para el "widget" de comentarios: http://developers.facebook.com/docs/reference/plugins/comments/

Página de configuración del "Widget" para comentarios de Face Book


  • Introduce los datos en la sección de configuración del widget de la página de Facebook:
  • Introduce en "URL to comment" la dirección de tu Blog.
  • En Width pon el ancho que desees establecer para el widget. Puedes cambiarlo después tranquilamente cuando lo insertes en tu Blog.
  • Selecciona en "Color Scheme" el esquema de color  que deseas darle. Si tu Blog es claro puedes seleccionar "Light" si es oscuro te recomiendo "dark".
  •  A continuación pulsa sobre el botón "Get code" para obtener el código fuente que debes poner en tu sitio web. Tendrás dos divisiones, una con el código que debes introducir en el <body> de tu blog y otra con el código que introducirás en el Gadget HTML/Javascript donde residirá finalmente el Widget de comentarios de Facebook.


2) Ahora sólo queda insertar el código extraído de Facebook en tu Blog. Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

  • En primer lugar realiza una copia de seguridad de tu sitio. Aunque es realmente sencillo lo que vamos a hacer, recomiendo que previamente tengamos a buen recaudo nuestro código original, de manera que siempre podamos "volver atrás" ante cualquier error. No dejes de realizar esta guía paso a paso para salvaguardar tu blog.
  • En Blogger, en el menú de la izquierda, dirígete a la opción "Plantilla" y pulsa "Editar HTML". Localiza la etiqueta "<body" (no pongas la etiqueta de cierre de body) y justo debajo inserta el código que extraiste de Facebook correspondiente al apartado del "<body>".
Pantalla de edición de la plantilla HTML. pulsa CONTROL + F y busca 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_ES/all.js#xfbml=1";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
NOTA: Debido a la última actualización que Facebook ha introducido en sus scripts, si te da errores en la plantilla al tratar de salvar el código anterior, utiliza este que a continuación te muestro.
<div id='fb-root'/><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 = &quot;//connect.facebook.net/es_ES/sdk.js#xfbml=1&amp;version=v2.0&quot;;  fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Si este código ya lo tenías añadido con anterioridad por tener alguna funcionalidad de Facebook incorporada ya al Blog, no es necesario que vuelvas a meterlo y puedes pasar al siguiente punto.
  • Ahora, de nuevo pulsando CONTROL+F busca la siguiente línea de código:
shareButtons
  • Encontrarás esa palabra clave con el siguiente código:
 <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name=
'shareButtons'/>
        </b:if>
      </div> </div>
  • Justo debajo del doble cierre de div: </div> </div> introduce el código que recuperaste de la página de Facebook Developers para añadir los comentarios de Facebook junto con una línea condicional que hará que sólo salgan cuando el usuario acceda al detalle de una entrada:
<b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
</b:if> 
  • <b:if cond='data:blog.url != data:blog.homepageUrl'></b:if> : El "if cond" y su cierre al final en rojo expresan que sólo se mostrará lo que entre sus etiquetas se encuentre, cuando el usuario acceda al detalle de una entrada (cuando pulse "Más información").
  • <div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>Es el código que extraiste de Facebook Developers para colocar la edición de comentarios de la citada red social. Podrás modificar el "widht" (ancho) con respecto al ancho en píxeles de tus entradas.data-num-posts='10' :indica el número máximo de comentarios por página. Presta especial atención al uso de data:post.canonicalUrl que permitirá que el comentario quede exclusivamente vinculado a la entrada donde se ha realizado.
  • Pulsa "Guardar Plantilla" y ¡eso es todo!, ya tienes por fin comunicados ambos mundos: la parte Blogger con la parte Facebook.
3) Opcionalmente, Si deseas administrar los comentarios que se introduzcan, para eliminar o impedir que los usuarios escriban contenido irrelevante o abusivo, de nuevo edita la plantilla HTML y escribe en el <head>:

3.1- Métete en https://developers.facebook.com/apps para crearte una aplicación en facebook developers. Cuando la haya creado, verás que te da un código al final, quédatelo guardado para utilizarlo. 
3.2- Después en crear aplicación, selecciona la opción "Sitio Web" y rellena todos los datos (mete la url de tu web también). Te pedirá el correo electrónico al que quieres que vayan los avisos de aplicaciones Facebook. 
En YOUR_FACEBOOK_USER_ID debes meter tu número identificativo de Aplicación Facebook, el que creaste en el paso 3.1. Puedes pegarlo si lo guardaste en el portapapeles o encontrarlo poniendo tu puntero del ratón encima de la foto de tu perfil en tu página de facebook y copiando la URL que contiene (NO la imagen sino el perfil):
https://www.facebook.com/photo.php?fbid=xxxxxxxxxxxxxxxxx&set=a.xxxxxxxxxxxxxx.xxxxxxxx.xxxxxxx&type=1&source=11
El número de 17 posiciones a la derecha de "fbid=" es el que debes poner en APP ID.

3.3- Antes del cierre del </head> debes poner:
<meta content='ID de USUARIO' property='fb:admins'/>
<meta content='ID de APLICACIÓN' property='fb:app_id'/>
  • En ID_USUARIO metes tu usuario facebook
  • en ID_APLICACIÓN el número que extraíste al crear tu aplicación facebook (en el paso 1).
Guarda plantilla con todo el código que ya tienes y comprueba si ahora al entrar te sale la caja de comentarios de facebook y una rueda dentada (de las de configuración) en la parte superior derecha del widget de comentarios de facebook. Si te sale, dale a la rueda dentada y pulsa en "Añadir moderador" para ponerte a tí.

Solución de problemas con ejemplo código descargable de plantilla básica en Blogger con los comentarios de Facebook incrustados a nivel de entrada:

Tienes dos formas de descargar un ejemplo en formato plantilla Blogger con el código que se utiliza en la guía :

Descarga plantilla de ejemplo

También puedes guardarlo directamente en tu cuenta Drive para luego visualizarlo donde prefieras:



NOTA: NO UTILIZAR este código directamente en tu plantilla o sustituirá a la tuya, es sólo un ejemplo descargable para que entiendas cómo queda y puedas arreglar problemas.


Encontrarás las dos partes del código que explica la guía:

1) La parte que sigue al Body:


2) la parte que sigue a los Share Buttons:



Cualquier duda, dispones de los comentarios para preguntarla.

Escrito por Miguel García Sánchez - Colomer

Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

285comentarios:

  1. Respuestas
    1. Nada, a tu servicio para lo que necesites. Un saludo.

      Eliminar
    2. no recordaba que el blog era tuyo jaja muy bien!

      Eliminar
    3. jajaja, gracias Ángel!, un placer leerte por aquí. Cuídate.

      Eliminar
    4. Excelente Post mi estimado fue de gran ayuda y bien explicado

      Eliminar
    5. Gracias Teo, la mejor recompensa. Muchas gracias.

      Eliminar
  2. Hola Miguel,
    ¿puedo hacer esto pero con los comentarios de mi Fan Page de Facebook, o sólo sirve para perfiles personales?
    muchas gracias, saludos
    Maria

    ResponderEliminar
  3. Sirve para el Blog y si luego el usuario decide publicar, saldrá en el muro. Pruébalo si quieres, lo tengo activo.

    ResponderEliminar
  4. Hola Miguel! Lo he intentado pero algo he hecho mal...a ver si eres capaz de ayudarme para que lo arregle. Aquí tienes mi blog http://sport-wayoflife.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Tranqui, lo revisamos:

      1) en el body (busca con CONTROL+F el literal "" justo debajo de eso metes ese código.

      Ponlo y pasamos al siguiente paso en cuanto lo tengamos bien configurado. Cuando lo tengas metido me avisas y te lo reviso.

      Un saludo!,

      Eliminar
    2. Hola! los busco pero no lo encuentro...eso del código no es lo mío

      Eliminar
    3. busca la palabra "body" y añade después de la etiqueta el código de Facebook. Cuando lo tengas hecho avísame y lo revisor. recuerda, busca body.

      Un saludo amigo!

      Eliminar
    4. Me salen varios ...body



      ¿Es éste?

      Eliminar
    5. <body expr:class='"loading" + data:blog.mobileClass' y cierre

      justo debajo de ese Body.

      Eliminar
  5. Hola!
    me salió todo bien, pero les quería hacer la sgte pregunta:

    ¿Se puede poner la bandeja de comentarios de facebook sobre la bandeja de comentarios de blogger? Porque a mí me quedó primero la de blogger y después la de facebook.

    Esperando respuesta..
    Saludos!

    ResponderEliminar
    Respuestas
    1. Claro!,
      se trata simplemente de que muevas en la zona de Diseño, donde puedes colocar tus Gadgets una sobre la otra. No hay ningún problema.

      Cualquier cosa me dices, estoy aquí para ayudar.

      Saludos Cleyton.

      Eliminar
    2. Cuando añadas scripts, no olvides controlar la velocidad del Blog, el rendimiento se ve afectado si se meten muchos. Mira esta guía para controlarlo: http://diariosdelanube.blogspot.com.es/2013/05/como-solucionar-los-problemas-de.html

      Tienes más en la pestaña de "Rendimiento".

      Un saludo!.

      Eliminar
    3. Cleyton, haré un tutorial para lo que me has pedido porque es más complejo que utilizar la vista de diseño. Tardaré todavía en hacerlo porque tengo otros encargos pendientes.

      Un saludo!,

      Eliminar
  6. hola! resulta que la caja de comentarios queda al final del blog. No por entrada! como puedo ponerla independiente ne cada entrada? saludos!

    ResponderEliminar
    Respuestas
    1. no esta pensado para cada entrada, esta pensado para el blog completo. pero tambien se puede hacer si quieres. dame la direccion de tu blog y te comento como. un saludo!

      Eliminar
  7. http://queandaibonita.blogspot.com gracias y saludos!

    ResponderEliminar
    Respuestas
    1. Ok,
      aunque haré una guía específica para este tema, te hago un resumen para que puedas ir haciéndolo.

      0) Haz copia de seguridad del blog: http://diariosdelanube.blogspot.com.es/2013/04/realizar-una-copia-de-seguridad-de-tu.html

      1) Asegúrate de que tienes el código de javascript de Facebook que indiqué puesto justo debajo del body (debes tenerlo porque si no no te saldría la caja de comentarios).

      2) Busca en la plantilla ""

      3) Mete el código de Facebook así

      "
      AQUI TU DIV DE FACEBOOK
      "

      Eliminar
    2. En el paso 2 busca el includable de status-message y es ahí donde meterías tu código.

      Pero mejor espera a que haga yo la guía, dado que puedes tener problemas con la plantilla.

      Dame un par de días y estará.

      Un saludo!,

      Eliminar
    3. Hola Queandaibonita!,
      ya he metido el tutorial que solicitaste: http://diariosdelanube.blogspot.com.es/2013/06/mete-en-tus-entradas-de-blogger-los.html

      Eliminar
    4. Muchas gracias es lo que necesitaba, jajaja es bueno leer los comentarios jajaja :D

      Eliminar
  8. Bueno tu post importante http://nuestromundo2050.blogspot.com/

    ResponderEliminar
  9. Este artículo me va a ser muy útil. Gracias Miguel!!!

    ResponderEliminar
  10. No me sale jajajajajajajaa pero estoy intentando es demasiado para mi ya que soy novato

    ResponderEliminar
    Respuestas
    1. No te preocupes, dime dónde te atascas y te ayudo en lo que pueda. Más de uno ha sacado alguna cosa así conmigo. Cuéntame y vemos qué se puede hacer. Un saludo!,

      Eliminar
  11. Bueno apenas instale la caja de comentarios fue todo un lio pero, ahora viene lo mas dificil instalar nuevamente todo para que los comentarios salgan en cada entrada si tengo problemas te avisare mas adelante...
    Y permiteme felicitarte por tan fabulosos trucos

    ResponderEliminar
    Respuestas
    1. Ok, cualquier cosa aquí me tienes. Fíjate en el paso 2 y recuerda utilizar lo que pongo de "canonicalUrl", con eso ya tendrás listos los comentarios por entrada. Un saludo!.

      Eliminar
  12. Hola que tal quisiera preguntarte si se pude hacer una caja de cometario facebook para cada entrada yo vi ene sta pagina http://animeflv.net/anime/shingeki-no-kyojin.html que sus entradas cada caja de comentario es indepenciente una de otra quisiera que me digas como se hace eso

    ResponderEliminar
    Respuestas
    1. Fíjate en el paso 2), en el penúltimo punto donde pongo "post.canonicalUrl", eso hará que tus comentarios se independicen por entrada. Un saludo!.

      Eliminar
  13. Este paso no lo encuentro ???
    Justo debajo del doble cierre de div: (/div) (/div) introduce el código que recuperaste de la página de Facebook Developers para añadir los comentarios de Facebook junto con una línea condicional que hará que sólo salgan cuando el usuario acceda al detalle de una entrada:
    El doble cierre ees el que no encuetnro por ningun lado ?

    ResponderEliminar
  14. sabes no pude es un lio tremendo jajajaj
    Pero me gusto mucho poder insertar la caja de comentarios pero el unico problema es que cuando comentan las personas deben de aceptar una aplicacion...?
    Es normal eso o se puede modificar?

    ResponderEliminar
    Respuestas
    1. ¿Aceptar una aplicación?... eso sí que no lo entiendo. Si quieres ponme la URL y te miro dónde debería ir. Lo que hay que intentar es que sea debajo de los "share-buttons", fíjate en que haya un tag de cierre que englobe a los "share-buttons" y justo debajo tendrías que poner los de facebook.

      Un saludo!

      Eliminar
  15. Hola que tal miguel muchas gracias por contestar mira mi blog motivandoteeldiadehoy.blogspot.mx

    ResponderEliminar
  16. Holanuevamente sigo intentando meterle el codigo de la caja de comentarios por cada entrada me podrias guiar mira haber si aparece la foto
    http://prntscr.com/1g4dsy

    ResponderEliminar
    Respuestas
    1. Eso es, la foto corresponde a los "shareButtons". Es justo cuando se cierren las etiquetas referentes a los shareButtons. Justo debajo de los cierres de /DIV de los sharebuttons. ¡Recuerda hacer copia de seguridad!: http://diariosdelanube.blogspot.com.es/2013/04/realizar-una-copia-de-seguridad-de-tu.html

      Eliminar
  17. Respuestas
    1. Debe estar casi al final del Blog. Busca "shareButtons". Cualquier duda aquí me tienes. Un saludo.

      Eliminar
  18. Hola, la verdad es que he intentado pero no me resulta, te explico, la primera palabra al buscarla en la plantilla me aparece junto con toda otra estrofa el <body,debajo de eso tengo que poner los codigos? y lo otro cuando busco sharebuttons no me parece :/, que puedo hacer?

    ResponderEliminar
    Respuestas
    1. Debe ser la plantilla que utilizas. Asegúrate cuando buscas que pulsas control + f dentro del área de código de la plantilla html, sino no será difícil buscar el texto de los sharebuttons. ¿Lo has buscado usando el control+f donde te digo?.

      Eliminar
    2. lo he intentado un monton y me sale un error cuando quiero guardar la plantilla, el primer codigo lo debo pegar dejado de <body? debajo del parrafo? o como? y el del sharebuttons, el codigo que tengo no es igual al de la explicacion :/ ayuda porfavor

      Eliminar
    3. Veamos,
      El primer código es justo después de que se cierre el Body, es decir, No lo metas antes de que se cierre el Brody. Busca en esa misma línea del Brody.

      Lo de los sharebuttons depende de la plantilla. Debes buscar el /Div que lis cierra. Justo ahí ya metes el código de Facebook.

      Inténtalo y me dices, ni olvides hacer copia de seguridad.

      Un saludo!.

      Eliminar
    4. mil gracias por fin pude! saludos

      Eliminar
  19. NO EXISTE ALGUN TRUCO PARA INSTARLALO COMO LSO BOTONES DE FB O ESAS COSAS ????
    eS QUE ES MUY MUY DIFICIL

    ResponderEliminar
    Respuestas
    1. No se puede, sino la habría explicado la primera. Pero no te preocupes y no desistas, dime dónde te has atascado que seguro que lo sacamos. Dónde te falla.

      Eliminar
    2. Hola. He conseguido poner la caja de Facebook pero tengo dos problemas:

      1.- Me aparece la opción "Publicar en Facebook" activada por defecto y me gustaría que apareciese por defecto desactivada. ¿Cómo lo puedo hacer?

      2.- No consigo la opción de moderar los comentarios. Le añado el código inicial y pongo la ID de Facebook pero no pasa nada. ¿En teoria se puede moderar desde la misma página o únicamente desde tu página de Facebook developers?

      Muchas gracias

      Eliminar
    3. Hola!,
      Estoy sin ordenador y poco puedo hacer... La opción publicar en facer es de libre elección por tus usuarios, va en función de la cookies y de cómo lo dejaron al usarlo. Poco puedes hacer en ese punto pues no depende de ti.

      La moderación se realiza en el propio blog y te manda correo de notificación. Debes meter el código para administrar los comentarios antes del cierre del head.

      Un saludo!

      Eliminar
  20. Excelente post!
    Y excelente persona q resonde todas las dudas! =)
    no pude establecer los comentarios por entrada, pero seguiré intentándolo.
    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Natalie!,
      Fíjate en el punto donde pone canonicalurl, es en el penúltimo punto. Con eso podrás independizar los mensajes por entrada.

      Y cualquier duda que tengas, preguntalo que no hay problema, es un placer poder ayudar.

      Un saludo y gracias por tu apoyo.

      Eliminar
    2. Gracias!
      Mi problema ahora es q no aparece ese doble div luego del sharebuttons, sino q aparece asi:
      b:include data='post' name='shareButtons'/>
      /b:if
      /div span class='post-backlinks post-comment-link'
      Ahi me quedo y no sé q hacer =(

      Eliminar
    3. Haz COPIA de seguridad para no romper nada. Prueba después del cierre de Div que venga después de post-backlinks, cuando veas /Div es justo dónde debes meter el código para Facebook. Mándame a miguelcolomer@Gmail.com si quieres la parte de código donde sale lo de sharebuttons e intento decirte dónde.

      No te preocupes que sale, un saludo!.

      Eliminar
    4. Gracias Miguel!
      Te estoy escribiendo a tu mail ahorita mismo =)

      Eliminar
    5. Ya te contesté Natalie!, cualquier cosa me dices. Un saludo!

      Eliminar
    6. Eres un capo Miguel!
      Muchas gracias, lo logré! =)
      Pero no pude hacer lo del data:post.canonicalUrl
      te envié un mail.

      Eliminar
    7. Me alegro Natalie!, genial. Mira el correo que te contesté para hacer una prueba con el post.canonicalUrl, a ver si hay suerte y lo rematamos. Un saludo!.

      Eliminar
  21. Hola Miguel, tengo vaaaarios problemas. Yo ya tenia instalado en mi blog los comentarios de facebook, hace poco me di cuenta que desaparecieron. Hice todo lo que decis pero ya de entrada, por ejemplo, cuando pongo mi url y configuro la apariencia sale abajo: Advertencia: no se puede acceder a http://desdeelcosmos.blogspot.com/. El otro problema es que al colocar el codigo debajo de body me sale error en esa linea, y la otra es que mi numero de ID tiene 15 caracteres y no 17 como decis. Bueno, estoy en el horno no? jaja Espero tu comentarios. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Sí,
      te contesté a tu correo. Lo que ví es que te faltaban los dos primero pasos. Ejecuta lo que te he comentado en el correo y me dices cómo te fue. Un saludo y paciencia que al final sale ;)

      Eliminar
  22. Yo no sé en qué fallo, pero tras seguir los pasos indicados, publico un comentario para comprobar que funciona y me dice lo siguiente:

    Advertencia: el contenido de este mensaje ha sido bloqueado
    Parte del contenido de este mensaje ha sido denunciado por usuarios de Facebook por considerarlo ofensivo.

    ResponderEliminar
  23. Hola,
    depende del tipo de web o Blog en el que se realizan los comentarios y de lo que hayan puesto tus usuarios. Es por ello que conviene ponerse como administrador para verificar los mensajes y que la gente no escriba cosas inadecuadas.

    Aquí tienes el soporte de Facebook para mensajes por si te puede servir de ayuda:

    https://www.facebook.com/help/180242725439034/

    "¿Por qué no puedo enviar mensajes debido a un bloqueo?
    Si no puedes enviar mensajes en Facebook, puede que se deba a que has enviado una gran cantidad de mensajes recientemente o a que alguien ha señalado que tus mensajes no son deseados. Asegúrate de usar tu nombre y foto reales para ayudar a los demás que te envían mensajes a reconocerte.

    Este bloqueo es temporal. Aun así podrás utilizar otras funciones de Facebook para conectar con los amigos que han confirmado tu amistad. Una vez que haya finalizado el bloqueo, envía mensajes y solicitudes de amistad únicamente a quienes conozcas en persona. Para obtener más información sobre nuestras políticas, consulta las Normas comunitarias.

    Nota: Si se te ha bloqueado el envío de mensajes, es posible que tampoco puedas enviar solicitudes de amistad durante un tiempo."

    Un saludo!,

    ResponderEliminar
  24. Respuestas
    1. Hola David, ¿Dónde te atascaste?, ¿qué puedo hacer para ayudarte?

      Eliminar
  25. Dime David,
    dónde te atascaste y veo cómo puedo ayudarte.

    Un saludo,

    ResponderEliminar
  26. Gracias a tí Daniela. Cualquier cosa aquí me tienes.

    ResponderEliminar
  27. y como quito la caja de blogger? se añadio perfecto la de facebook pero solo quiero esa no las 2 , saludos

    ResponderEliminar
    Respuestas
    1. Para eliminar los comentarios de Blogger, desactívalos a nivel de configuración del Blog para no tener que tocar el código. Ve a "Configuración" y luego "Entradas y comentarios" y después en las opciones en "Ubicación" pon "ocultar" en los comentarios. Prueba eso y si no te funciona entonces te digo la parte de código a eliminar. Un saludo!

      Eliminar
  28. hola no soy capaz de instalarlo me sale comentar en facebook ,pero no sale cuadro de comenatrios?
    tengo el codigo pegado pq ya tengo la caja de "me gusta"
    me puedes decir que hago mal?
    http://vigorecomiendamagazine.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola!, tienes otro sistema de comentarios... ¿has decidido poner ese en vez de Facebook?...

      Eliminar
    2. si tengo el de disqus pero no me gusta nada,preferiria cambiarlo por el de facebook,gracias de antemano

      Eliminar
    3. Cuéntame, dónde te atascaste en el tutorial y vemos cómo sacarlo.

      Eliminar
  29. hola, me aparece la caja de comentarios en cada tema, eso esta genial, el problema es que es la misma caja, osea comentan en un tema y ese comentario aparece en todos los demas temas, algo hize mal? :S

    ResponderEliminar
    Respuestas
    1. Comprueba que tengas puesto lo de post.canonicalUrl. ¿Cuál es la URL de tu Blog?, así me conecto y lo miro por si es otra cosa.

      Un saludo!

      Eliminar
  30. Hola!, tienes otro sistema de comentarios... ¿has decidido poner ese en vez de Facebook?...

    ResponderEliminar
  31. Hola, Miguel. Gusto de saludarte. Intento incorporar la caja de comentarios por entrada a mi blog, pero no puedo. No sé si se deba a los cambios en los códigos de las plantillas de Blogger, pero no encuentro el "<body". ¿Podrías auxiliarme? Mi blog es www.libroadicto.net. Gracias de antemano.

    ResponderEliminar
  32. El gusto es mío Javier,
    yo veo ok la página y la plantilla. Prueba a buscar sólo body y mándame a miguelcolomer@gmail.com lo que te salga en la plantilla. O si lo prefieres, mándame la plantilla copiada y pegada y te digo dónde.

    Un saludo!,

    ResponderEliminar
    Respuestas
    1. Estimado Miguel:
      Muchas gracias por tu respuesta. Finalmente he encontrado el código y, siguiendo tus instrucciones, he podido incorporar la caja de comentarios al blog. El problema es que la caja me aparece no solo en mis entradas, sino también en la página de inicio, debajo de cada entrada. Si te parece bien, te enviaré la plantilla a tu correo por si tienes oportunidad de decirme qué hay que cambiar. De nuevo, gracias. Saludos.

      Eliminar
    2. Hola!,
      te he escrito al correo particular para comentarte las otras dudas. Un saludo!.

      Eliminar
  33. Miguel:

    Hola de nuevo. Te hago otra pregunta: hay manera de recibir un mail cada vez que hagan un comentario en mi sitio (te aclaro que no es un blog, es un sitio html común).

    GRACIAS!!!

    ResponderEliminar
    Respuestas
    1. Me temo que quizás con un feed o poniéndote como administrador. El último paso, el paso 3.

      Un saludo!

      Eliminar
  34. Holas
    para mi anda perfecto todo
    pero tengo un problema
    no puedo ponerlo el codigo para administarlo los comentarios de facebook en mi blogger
    es el unico problema
    me gustaria que me ayudaras con ese
    si quiere fijate en mi blogger
    http://songfulmovies.blogspot.com/

    solo me falta que me lleguen en Notificaciones a mi cuenta de facebook del bogger los comentarios
    el problemas no se cual es el codigo que debo ponerlos
    ayuda

    ResponderEliminar
    Respuestas
    1. Ok, lo tienes todo pero te falta el último paso (PASO 3) el del final. ¡Pedazo de Blog que tienes!.

      Tienes dos veces la meta etiqueta fb:admins, una de las veces la tienes fuera del head. Deja sólo una y tiene que ser dentro del head.Luego,asegúrate que ese es tu código de Facebook, te he buscado pero no te encuentro... Recuerda que es el número que sale a la derecha de fbid. Lo ves cuando te pones bien logado en tu perfil facebook sobre la foto (saldrá en chrome por ejemplo, en la barra de estado del navegador, la de abajo del todo).

      Prueba y me dices!

      Eliminar
    2. ok
      Buscame en facebook
      SongfulnameS
      PARA QUE EXPLIQUES BIEN

      Eliminar
    3. El problema es que sólo tú puedes ver el ID de tu fbid. Sólo cuando estás logado con tu usuario puedes verlo. Tienes que poner una sola vez el meta de admin y con el código tuyo correcto. Haz eso primero y seguimos investigando si no funciona.

      Eliminar
  35. Excelente! Gracias por la información, espero ver más publicaciones parecidas!

    Saludos!

    ResponderEliminar
    Respuestas
    1. Gracias a ti, me alegro de que te haya servido. Si queréis alguna publicación en concreto, simplemente pedirla y os hago un tutorial. Un saludo!

      Eliminar
  36. Seguiré tu guía, espero que los visitantes tengan más actividad en nuestro sitio. Muchas gracias. Os comento como a ido.

    ResponderEliminar
    Respuestas
    1. A ver si hay suerte, cualquier cosa aquí me tienes. Un saludo!

      Eliminar
  37. Hola Miguel bien dia..

    La verdad que he seguido tus dos entradas referentes a agregar la caja de comentarios de facebook..

    Pero no logro moderar o poner el icono de configuracion en la caja.. Estoy creando el blog desde cero asi que viene bien probar estas cosas ahorita que no tengo mucha informacion en el blog.

    Te detallo los pasos hechos.

    1.- Cree la Aplicacion en facebook developers

    2.- Obtuve el Java SDK script con el respectivo APP ID para insertarlo en justo debajo de <body

    3.- me voy a shareButtons e integro la caja dentro de las entradas.

    4.- agrego los meta justo antes de </head tanto el de mi id personal como el del APP ID

    Guardo los cambios y entro a mi blog.. puedo ver la caja de mensajes.. funciona perfecto hasta ahi.. pero no me aparece la opcion de moderar o configurar.. y tampoco recibo notificaciones de los comentarios ni los mios ni los de terceros. :/ me pase toda la noche tratando de conseguirlo. si puedes revisa mi blog..

    ktranime.blogspot.com

    cualquier ayuda se agradece mucho..

    Saludos.

    ResponderEliminar
  38. OE bro.. explícame mejor lo de como controlar los comentarios mediante la notificacion .. esque pongo head en el buscador(cntrl + f) y me sale el head , entonces donde debo poner el codigo ese??
    debajo, seguido, o donde?
    y explicame eso de la APPID, que en el numero 17 debo poner el id y eso.. Explicame as detallado porfa..

    ResponderEliminar
  39. OE bro.. explícame mejor lo de como controlar los comentarios mediante la notificacion .. esque pongo head en el buscador(cntrl + f) y me sale el head , entonces donde debo poner el codigo ese??
    debajo, seguido, o donde?
    y explicame eso de la APPID, que en el numero 17 debo poner el id y eso.. Explicame as detallado porfa...

    ResponderEliminar
  40. Hola OR92!,
    mete la parte de código para administrar, justo debajo de la etiqueta <head que encontraste. El APP ID es fácil de sacar, te logas en Facebook y en la foto de tu perfil, pones encima el ratón, fíjate en la barra de abajo del navegador y ahí te sale el texto dónde indicó que está el fbid.

    Un saludo!

    ResponderEliminar
  41. Hola yo si hago todo, creo que hay que esperar 30 minutos o algo asi,
    lo que hay que hacer es pegar ese codigo despues de head,,
    para ver su id de facebook pegan esto,
    https://graph.facebook.com/USUARIO

    en su navegador y donde dice usuario ponen su nombre de facebook el que sale en la direccion cuando estan en su perfil ejemplo,,
    https://www.facebook.com/jcorreallorente

    de tal manera que la direccion quedaria asi:
    https://graph.facebook.com/jcorreallorente

    ay les sale su id y todo lo relacionado con su facebook..

    luego pegan el ID ese donde lo indica el tuto.. saludos,,

    ResponderEliminar
    Respuestas
    1. por sierto este es mi blog, estoy casi terminadolo.
      http://graphicsonlinedg.blogspot.com/ saludos

      Eliminar
  42. Hola una consulta hice lo que dices de la linea de código en head para poder tener moderación de los mensajes .. aprueba el código y todo pero a la hora de querer borrar otro comentario no me lo permite esto quiere decir que no tengo moderación .. que problema tendré?

    ResponderEliminar
    Respuestas
    1. Es necesario que el id de perfil de facebook sea correcto y que tengas bien puesto el código del último paso. Dame la url e intento ver qué sucede a ver si lo arreglamos.

      Un saludo!

      Eliminar
  43. Hola. Tengo dos inconvenientes: 1) Cuando alguien publica, en su muro de Fb no le sale el texto comentado, sino el blog todo; 2) No puedo moderar los comentarios.

    Agradezco respuestas. Saludos

    ResponderEliminar
    Respuestas
    1. Hola Emiliano,
      por lo que comentas en tu indicación 1), creo que te falta poner lo que indico en el paso 2 del tutorial donde pone "canonicalUrl". Sin eso no se publican los comentarios para una sola entrada sino para todo el blog.

      Para tu indicación 2) debes realizar el paso 3) completo, sino no tendrás pefil de administrador.

      ¡cualquier cosa por aquí ando!, un saludo.

      Eliminar
  44. Hola, me ha funcionado, el detalle que lo he agregado para cada entrada y no para todo el blog. En la primera página todo se ve perfectamente, el detalle es cuando le doy en "entradas antiguas" todo cambia y se ve la caja de comentarios de facebook. Espero puedas ayudarme. Saludos

    ResponderEliminar
    Respuestas
    1. A mi me pasa exactamente lo mismo, a ver si alguien sabe la solución porque queda bastante raro :(.
      Muchas gracias, un saludo!

      Eliminar
    2. Hola Charmanderb, estáis utilizando la caja fuera de las entradas. El if cond que yo pongo para que sólo se dibuje en las entradas no lo debéis tener puesto.

      Para arreglar el problema, Mándame a miguelColomer@Gmail.com el código completo de la plantilla y lo arreglamos, es posible que no hayáis metido el if cond.

      Mandamelo e intento ver qué se puede hacer. Un saludo!.

      Eliminar
    3. Vale muchas gracias, te lo acabo de mandar, espero haberlo hecho bien me lo he descargado como para hacer una copia de seguridad.
      Un saludo

      Eliminar
  45. Miguel , como siempre tienes unos artículos buenísimos
    tengo que arromangarme y poner algunos detalles que me faltan
    en el blog, y uno es el de los botones a las redes sociales,
    y el sobretodo el de Pinrest, es que estoy mu verde todavia,
    pero he pasado por aquí para darte las gracias por todo tu trabajo,
    y por verte en la pagina del face..

    Ya hablamos

    ResponderEliminar
  46. Gracias Macu, aquí estaré para lo que necesites. Muchas gracias por tu apoyo.

    ResponderEliminar
  47. Cheeeeeeeeeee que bó. Me ha costado un rato aclararme para ponerlo independiente para cada entrada, pero creo que por fin ha quedado bien.

    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Me alegro Hans!, al final con paciencia todo sale. Cualquier cosa aquí estoy. Agradezco mucho tu Feedback.

      Eliminar
  48. ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░▄████▄▄░░░░▄████▄░░░░░░░░░░░ ░░░░░░░░░▄▄████████▄░▄█████████▄▄░░░░░░░ ░░░░░░▄████████████████████████████▄░░░░ ░░░░▄████████████████████████████████▄▄░ ░░▄██████████▀░░░▀▀████▀░░░▀▀███████████ ▄███████████░░░░░░░░▀▀░░░░░░░░██████████ ████████████░░░░░░░░░░░░░░░░░░██████████ █████████████░░░░░░░░░░░░░░░▄███████████ ███████████████▄▄▄░░░░░░▄▄██████████████ ████████████████████▄░▄█████████████████ ███▀▀▀▀▀▀░░░░▀▀▀█████████▀▀░░░░░░░░░░░░░ ▀▀░░░░░░░░░░░░░░░░▀▀██▀▀░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

    ResponderEliminar
    Respuestas
    1. WoW, amazing +Sealiah Patton, the best possible comment. Many Thanks!

      Eliminar
  49. Hola amigo dos cosas:

    1. Me sale la caja de facebook abajo de los comentarios de blogger y yo quiero es que salgan es arriba de los comentarios de blogger.

    2. En las entradas nuevas que todavía no tienen comentarios de blogger, no aparece la caja de facebook, solo esta la caja de blogger normal.

    tienen que haber comentarios blogger para que se pueda ver la caja de comentarios facebook.

    ResponderEliminar
  50. Hola amigo dos cosas:

    1. Me sale la caja de facebook abajo de los comentarios de blogger y yo quiero es que salgan es arriba de los comentarios de blogger.

    2. En las entradas nuevas que todavía no tienen comentarios de blogger, no aparece la caja de facebook, solo esta la caja de blogger normal.

    tienen que haber comentarios blogger para que se pueda ver la caja de comentarios facebook.

    ResponderEliminar
    Respuestas
    1. Hola!,
      1. eso se debe a la colocación del código. ¿cuántas veces encontraste ShareButtons?. Yo lo tengo puesto bajo la segunda vez.

      2. No, eso no te está funcionando bien. Revisa la respuesta 1. y me cuentas por dónde pusiste el código.

      Un saludo!

      Eliminar
  51. ¿Puedo hacer algo para que sólo aparezcan en las entradas y no en la página de inicio?

    Saludos.

    ResponderEliminar
    Respuestas
    1. Ya te he mandado un mail con la platilla copiada. Me indica que Error al analizar XML, línea 2044, columna 9: The element type "di v" must be terminated by the matching end-tag "".

      La caja aparece desde inicio y solo la quiero en las entradas
      AYUDA!!!

      Eliminar
    2. Hola Joyride,
      debes haber borrado algo en tu plantilla, no te preocupes. Miro tu correo y lo analizamos.

      Un saludo!

      Eliminar
  52. Hola:
    en la línea
    js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=220082018055024";

    me tira el siguiente error
    Error al analizar XML, línea 827, columna 62: The reference to entity "appId" must end with the ';' delimiter.

    lo extraño es que el código me lo da la app de facebook y está exactamente igual
    alguna sugerencia? Gracias

    ResponderEliminar
    Respuestas
    1. Hola!,
      tienes que volver a copiar el código fuente del paso 2. Un saludo!

      Eliminar
  53. Con esto lo unico que se gana es hacerle el culo gordo a los de facebook. Generas todo en facebook y nada en tu blog. No ganas usuarios.

    ResponderEliminar
  54. hay alguna forma de activar algun tipo de notificacion para cuando alguien publica una respuesta?

    ResponderEliminar
  55. Muchas gracias por el tutorial, es el único que me sirvió, el único problema es que no puedo administrar los comentarios no recibo la notificación. E el número que dices de 17 dígitos el mio tiene 15 aunque no creo que ese sea el problema

    ResponderEliminar
    Respuestas
    1. Hola!,
      si quieres pásame la URL y veo si es un problema de haberla puesto erróneamente.

      Un saludo,

      Eliminar
    2. Hace poco le agregué "post relacionados" y hoy me di cuenta que ya no está la caja de comentarios de Facebokk, no se porque pudo desaparecer, lo tenía en forma independiente en cada entrada. Mi blog es http://futbol-paraguay.blogspot.com

      Eliminar
    3. Hola Jorge, he entrado y sí me salen, ¿sigues teniendo el problema?. Lo que te puede pasar como mucho es que hayas machacado el div de Facebook. Pero cópiate y pégate la parte del código del tutorial y lo volverás a ver. No obstante, mira a ver si te aparece porque creo que sí que sale.

      Un slaudo!,

      Eliminar
    4. Muchas gracias por tomarte tu tiempo. Y veo que si funciona sin que yo haya modificado. Por algún motivo dejó de funcionar temporalmente. Excelente material!

      Eliminar
  56. Miguel, excelente aporte, gracias por tu valioso tiempo al servicio de todos. me ha servido muchísimo... hasta un próximo articulo..Gracias de nuevo.

    ResponderEliminar
    Respuestas
    1. Gracias a ti, compensa con creces ver que ha servidor. Muchísimas gracias por tu feedback. Un saludo!

      Eliminar
  57. Migule eh intentando mil veces pero no me sale, siempre que pongo el codigo me sale este mensaje>>>>> Se ha producido un error al analizar el XML, línea 628, columna 62: The reference to entity "appId" must end with the ';' delimiter. aqyuda please.....tambien e convertido el codigo a XML pero como quiera no me trabaja nose que sera. Gracias,Saludos

    ResponderEliminar
    Respuestas
    1. Mándame el código de tu plantilla y vemos qué puede ser. Mándalo a miguelcolomer@gmail.com

      Un saludo!,

      Eliminar
    2. Listo Miguel te eh enviado el codigo de mi plantilla, Gracias por responder,
      Saludos.

      Eliminar
    3. Ok, dame tiempo porque ando con mucho lío, en cuanto pueda lo miro y te contesto.

      Un saludo!

      Eliminar
    4. No hay problema Miguel muchas gracias de toda maneras.
      Saludo

      Eliminar
  58. Hola de nuevo Miguel, enrealidad no me funcion nose cual sea el problema quizas sea la plantilla nose, pero de todo modos muchas gracias por el intento,gracias por ayudarme hermano.ahora si sabes de una plantilla de peliculas que me puedas recomendar?? te lo agradeceria de corazon herrmano. Gracias
    Saludo!! DISCULPA la molestia

    ResponderEliminar
  59. este es mi blogger : http://tecnologeeksjba.blogspot.com/
    pero amigo necesito quitar los comentarios de facebook de la pagina principal como hago? me podrías ayudar?

    ResponderEliminar
  60. Hola Miguel tengo este problema al intentar guardar la plantilla me sale esto: Error al analizar XML, línea 530, columna 62: The reference to entity "appId" must end with the ';' delimiter.
    No se cual sea el problema hice los pasos que indicas en tu tutorial

    ResponderEliminar
  61. Hice todas los pasos, pero en editar plantilla , no encuentro la palabra : shareButtons
    que debo hacer , aver si me ayudas gracias

    ResponderEliminar
    Respuestas
    1. Mándame la plantilla a miguelcolomer@gmail.com y veo dónde se puede hacer. Un saludo!

      Eliminar
    2. Bro la plantilla ke uso es la de blog (Picture Window)

      Eliminar
    3. Pero pásamela exacta, quiero decir, la que tú utilizas exacta y veo si se puede cambiar algo. Dame tiempo, eso sí que ando muy liado. Un saludo!

      Eliminar
  62. Hola que tal mi problema es que no me envia las notificaciones ya verifique que el id de usuario sea el correcto esta es la pagina si alguien sabe por que no me llegan que me diga
    http://www.todopeliculas.com.mx/peliculas/ver-pelicula-universidad-de-monstruos-online-gratis.html

    ResponderEliminar
    Respuestas
    1. ¡Hola Omar!,
      el problema que he visto es que la clave que has puesto en <meta property="fb:admins" es incorrecta. Deben ser unos 17 caracteres que siguen al "fbid=" de tu perfil de facebook (no contienen comas, son todo números seguidos).

      Comprueba esa clave y vuelve a probar.

      Un saludo!!

      Eliminar
    2. Hola MIguel lo que mencionas ya lo habia hecho de hecho puedes checarlo en la pagina y ya esta como dices el ID lo saque de aqui https://graph.facebook.com/USUARIO pero lo que no entiendo es que dices que son de 17 caracteres y el que aparece hay es de 15 espero me puedas orientar para sacar el correcto

      Eliminar
    3. Supongo que podrían variar entre perfiles. El problema que no puedo entrar en tu propiedad de Facebook para verlo. Busca el número que sigue a fbid= y que llegue hasta un & o algún carácter que de impresión de cambio de código. Ese tiene que ser el valor bueno. Busca el número metiéndote en tu perfil facenook normalmente. Luego haz clic en la imagen de tu perfil. En la página que sale cuando haces clic en el detalle de tu perfil, ponte justo encima de la imagen y fíjate en la barra de estado del navegador que saldrá fbid= y el número que precisas.

      Pruébalo.

      Eliminar
    4. Ya lo hice y sigue sin funcionar pero bueno ahora tengo otro problema es que hice la aplicación para moderar los comentarios pero solo funciona en la pagina que pongo y yo quiero que sirva para todas las paginas donde tengo la caja de comentarios ya que así tendría que hacer una aplicación por cada pagina donde tenga la caja de comentarios ya intente poniendo la principal y no funciono espero me ayudes

      Eliminar
    5. Si lo haces en la plantilla del blog, debería servir para todas las páginas. Fíjate en la parte donde se indica que se ponga en el head. Un saludo!

      Eliminar
  63. Al fin un código que me funciona-
    Gracias.

    ResponderEliminar
    Respuestas
    1. Me alegro mucho Nanari, aquí estoy para lo que necesites. Un saludo!

      Eliminar
    2. Hola de nuevo.

      Quería saber si me puedes ayudar con esto.

      Lo primero es saber si con ese código de meta algo para administrar los comentarios me van a llegar notificaciones a mi face o algo? Donde puedo revisar quien me escribe a través de este plugin? Hoy apliqué ese código de arriba.

      Lo segundo, es que ahora de casualidad vi que alguien publicó en una entrada y lo escrito no se distingue, está casi del mismo color que el fondo de mi blog.
      Es con el plugin que agregué con el tuto que dejaste aquí.

      Te dejo el enlace.
      Ojalá puedas ayudarme.
      Gracias

      http://paganvsinfo.blogspot.com/2013/12/amon-amarth-latin-american-tour-2014.html

      Eliminar
    3. Hola Nanari,
      Lo del código para administrar los mensajes es necesario para que te lleguen los avisos. Te llegarán si lo activas a tu cuenta de correo vinculada a Facebook

      Utiliza un color scheme distinto, prueba poniendo data-colorscheme en dark en lugar de light.

      Un saludo!

      Eliminar
  64. Hola,
    muchísimas gracias por el tutorial, haces fácil algo que para much@s nos es complicado. Mi dificultad es la siguiente, tengo los comentarios como quiero, por entrada de blog, pero se me han quedado los de a nivel de blog y me gustaría que sólo se vieran los de a nivel entrada. ¿Se puede?
    Gracias de antemano, te dejo la dirección para que veas como lo tengo:
    http://marigones.blogspot.com.es/2013/12/ps-vita-es-gran-consola-desaprovechada.html

    ResponderEliminar
    Respuestas
    1. Gracias a ti Marglones, me ayudan "a tirar p'lante" estos comentarios tan positivos.

      Claro que se puede, en este mismo tutorial hazte el apartado:

      "PASO A PASO CAJA DE COMENTARIOS A NIVEL DE BLOG A NIVEL DE ENTRADA"

      Por medio del "if cond" se conseguirá que sólo se vean dentro de la entradas y despues gracias al "canonicalUrl", el comentario quedará asociado a la entrada en particular, no a todo tu blog.

      Realiza ese punto de la guía y cualquier duda me preguntas.

      Un saludo!

      Eliminar
    2. Muchas gracias por la respuesta ¡qué rápido! :)
      El tema es que si he conseguido gracias a tu tutorial poner los comentarios por entrada, peeeeero, se ha quedado una caja de comentarios de fb a nivel blog que me aparece en cada entrada del blog. es exactamente esa la que quiero eliminar. Gracias de nuevo :)

      https://lh3.googleusercontent.com/-XMyBFs54ius/Up9BnE8AZjI/AAAAAAAAAc8/XAOpt4e2Qt4/w654-h630-no/caja+coments+fb.jpg

      Eliminar
    3. Es mejor que me mandes la plantilla porque si no no puedo decirte cómo eliminar ese código. Mándala a miguelcolomer@diariosdelanube.com y busco dónde está.

      Un saludo!!

      Eliminar
  65. Estoy intentando adaptar a mi blog la opción 2 (comentarios por entrada). Seguí los pasos al pie de la letra, la caja de comentarios me aparece pero parece que no está conectando con el plugin de Widget pues los comentarios no quedan guardados. Cuando comento e intento eliminar mi propio comentario me aparece el siguiente error: http://tinyurl.com/kyasg72

    ¿Será que tiene algo que ver conque mi blog ya no es .blogspot sino que tiene dominio propio? Porque para el código que tengo que colocar debajo de los ShareButtons me sale data-href="http://www.todaslassombras.com/", no como en el ejemplo, que son todas direcciones .blogspot

    Dejo la dirección de mi blog, por si de algo sirve: www.todaslassombras.com

    Muchas gracias, el tutorial está muy bien hecho

    ResponderEliminar
  66. Parece que ahora los está cogiendo, pero con la primera configuración: salen para todo el blog y no para cada entrada. Hago un comentario en un artículo y aparece en todos. La diferencia que noto es que la línea que me dio el plugin de Facebook ya traía URL, y por eso parece que por más que le añado el expr:href='data:post.canonicalUrl' no lo coge. La línea original que me dieron fue:

    div class='fb-comments' data-colorscheme='light' data-href='http://www.todaslassombras.com/' data-numposts='5' data-width='500

    Poniéndole arriba y abajo lo que indica este post me queda:

    b:if cond='data:blog.url != data:blog.homepageUrl'
    div id='comentariosFacebook'
    div class='fb-comments' data-colorscheme='light' data-href='http://www.todaslassombras.com/' data-numposts='5' data-width='500' expr:href='data:post.canonicalUrl'

    ¿Se ve por algún lado el error? Intenté poniendo data- antes del expr:href='data:post.canonicalUrl'. Así la primera parte del código pasa a azul pero el 'data:post.canonical continúa en naranja. Igual, no funciona. (Borré los símbolos < y > porque no me estaba dejando publicar).

    De nuevo muchas gracias por cualquier respuesta y de antemano disculpa el spamm

    ResponderEliminar
    Respuestas
    1. Ningún Spamm David, aquí estoy para ayudar no te preocupes:

      creo que pones mal el código, tiene un href de más, debería ser así (con los símbolos correspondientes que hay que suprimir por comentar en Blogger):

      b:if cond='data:blog.url != data:blog.homepageUrl'
      div id='comentariosFacebook' div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/ /div
      /b:if

      Sólo un expr:href= y que ponga 'data:post.canonicalUrl'. Recuerda añadir los < y > de las etiquetas que en los comentarios ya sabes que Blogger no deja meterlos.

      Cualquier problema me cuentas.

      Un saludo!!!!

      Eliminar
    2. Estoy seguro de haberlo hecho así antes, pero esta vez ha funcionado. Te agradezco mucho la solución. Tengo un último problema, y disculpa la molestia: no me está dejando moderar los comentarios. La línea que introduje después de head es la siguiente:

      meta property='fb:admins' content='fbid=393845660640317'/

      Lo que noto es que mi número es de 15 dígitos y no de 17 como dice en el post. Además noté que cambiando la imagen de perfil cambia el numero, por lo que pienso que el ID corresponde es a la foto. Te adjunto dos imágenes para que veas que estoy tomando el que dice el post.

      La que estoy tomando:
      http://img10.imageshack.us/img10/2306/tgf5.jpg

      La de otra foto cualquiera en el perfil:
      http://img404.imageshack.us/img404/8865/v27i.png

      De nuevo gracias por tu atención y tu respuesta

      Eliminar
    3. Me alegra que te fufuncionará. La extracción del fbid parece correcta (no metas &). Asegúrate de haber puesto el meta atributo dentro del head. Pasame la url para que entre a verlo, lo malo que el número de fb es personal y ahí no puedo hacer nada. Dame la dirección a ver si encuentro algo.

      Un saludo!

      Eliminar
    4. Mi face: http://www.facebook.com/david.quicenorendon

      Mi foto de perfil: http://www.facebook.com/photo.php?fbid=393845660640317&set=a.151799268178292.30084.100000446599347&type=1&theater

      Encontré esta URL, que supuestamente me dice mi ID: https://graph.facebook.com/david.quicenorendon

      Con ese número estoy intentando ahora, pero tampoco está sirviendo (100000446599347)

      Y una imágen de la primera parte del código fuente de mi sitio, donde coloqué el script, justo abajo de head: http://img577.imageshack.us/img577/6569/z8vh.jpg

      Eliminar
    5. Espera David,
      a mí me funcionó cuando hice las pruebas porque tenía una Facebook Application ID... quizás eso explique porqué el tamaño de tu clave es más corto.

      Hagamos una cosa (si funciona actualizo el tutorial para todos):

      1- Métete en https://developers.facebook.com/apps para crearte una aplicación en facebook developers. Cuando la haya creado, verás que te da un código al final, quédatelo guardado para utilizarlo.

      2- Después en crear aplicación, selecciona la opción "Sitio Web" y rellena todos los datos (mete la url de tu web también). Te pedirá el correo electrónico al que quieres que vayan avisos de aplicaciones Facebook.

      3- Antes del cierre del /head poniendo los < y > que no me deja meter en los comentarios pon:

      meta content='ID de USUARIO' property='fb:admins'/
      meta content='ID de APLICACIÓN' property='fb:app_id'/

      En ID_USUARIO metes tu usuario facebook
      en ID_APLICACIÓN el número que extraíste al crear tu aplicación facebook (en el paso 1).

      Guarda plantilla con todo el código que ya tienes y comprueba si ahora al entrar, te sale lo de los comentarios de facebook y una rueda dentada (de las de configuración) en la parte superior derecha del widget de comentatios de facebook. Si te sale, dale a la rueda dentada y pulsa en "Añadir moderador" para ponerte a tí.

      Con esto tiene que funcionar.

      Prueba y me dices ;)

      Eliminar
    6. ¡Funcionó! Disculpa la demora es que estaba de viaje

      Eliminar
    7. Sólo un comentario: para que aparezca el Moderator View primero tengo que hacer un comentario en la entrada.

      Muchas gracias, Miguel, por toda la atención y la dedicación, excelente blog el que tienes aquí

      Eliminar
    8. ¡¡¡Hombre David!!!, ¡cómo me alegro!. Lo añadiré al Blog, a la guía general como oficial entonces. Así más gente podrá también conseguir realizar la moderación con mayor facilidad.

      Y gracias por el comentario, para mi la mejor motivación es ver que a la gente le pueda servir.

      Un abrazo David y gracias a ti de nuevo.

      Miguel.

      Eliminar
  67. Hola Miguel tengo este problema al intentar guardar la plantilla me sale esto: Error al analizar XML, línea 530, columna 62: The reference to entity "appId" must end with the ';' delimiter.
    No se cual sea el problema hice los pasos que indicas en tu tutorial y hasta ahora no recibo las notificaciones tampoco en mi cuenta de facebook de los comentarios que ponen en las entradas del blog

    ResponderEliminar
    Respuestas
    1. Hola Chekeador,
      eso sucede cuando has copiado y pegado el código appid borrando algún ; al final o similar.

      Revisa cuando copies y pegues y me dices. Si te sigue dando problemas, no te preocupes, me pasas tu id y tu plantilla por gmail e intento que te quede bien.

      Un saludo!

      Eliminar
    2. Copie todo varias veces y revise no le falta nada te mandare a tu correo la plantilla y el ID gracias

      Eliminar
  68. Respuestas
    1. Gracias a tu Fabián, para mí esa es la recompensa mayor. Un saludo.

      Eliminar
  69. Miguel, eres uno de los grandes eres increíble tus tutoriales están muy pero que muy bien se entienden a la perfección, te felicito. Te envío este comentario con la intención de saludarte y poderme ayudar con un problema que sucedió ya que seguí correctamente con los pasos no soy un novato se perfectamente lo que hago y me impresiono de que no me salieron los comentarios en las entradas... ¿Cuál será el error? mira te paso mi BLOG y si puedes y tienes tiempo lo revisas y me avisas por favor, ya que me di cuenta de que respondes a las preguntas y me gustaría que conmigo también lo hicieras jiji ^^
    este es el blog no la modificare hasta cuando me respondas. http://tuyhola.blogspot.com/ UN SALUDO :)

    ResponderEliminar
  70. Hola Yaser,
    un placer ayudar. Lo mejor es que me envíes la plantilla a miguelcolomer@gmail.com y desde ahí lo veo con claridad porque el código Blogger es XHTML y el HTML que se genera a partir del otro no me permite ver dónde lo has puesto y cómo.

    Mándame la plantilla en un correo y le pego un vistazo a ver qué sucede.

    Un saludo!

    ResponderEliminar
  71. Y gracias por el comentario, para mi la mejor motivación es ver que a la gente le pueda servir

    ResponderEliminar
  72. ¡Hola! Una pregunta: no encuentro el "sharebuttons" cuando lo busco para poner en cada entrada...

    ResponderEliminar
    Respuestas
    1. Hola Diana,
      con la B de buttons en mayúscula, prueba buscando shareButtons.

      Un saludo!

      Eliminar
  73. hola creo que hice las cosas como explicaste y aun no me sale le cajon en mi blog.. y para mi es importante por que todos mis contactos comentan desde facebook y quisiera que pudieran comentar.. podrias mirar por que no me sale te dejo mi pagina: escritores255.bogspot.com.ar si puedes darme una solucion te estare por siempre agradecido...gracias por tu tiempo.

    ResponderEliminar
    Respuestas
    1. Mándame la plantilla a miguelcolomer@gmail.com a ver cuál puede ser el problema. Un saludo!

      Eliminar
  74. BRO ¿SE PUEDE PONER LOS KOMENTARIOS PERO KE NO SALGAN EN LAS ETIQUETAS?

    ResponderEliminar
    Respuestas
    1. Hola,
      no sé a qué te refieres. ¿En tu plantilla los tienes puestos junto a las etiquetas o algo así?. Pásame la URL de tu web y veo qué se puede hacer. Pero no he entendido del todo lo que quieres.

      Un saludo!

      Eliminar
  75. kuando busko shareButtons me sale esto:

    https://scontent-a-mia.xx.fbcdn.net/hphotos-frc3/t1/1609554_215195315339528_379716815_n.jpg

    Ke debo acer?

    ResponderEliminar
    Respuestas
    1. Busca otra vez el texto shareButtons, ¿sólo sale una vez?. Normalmente suele aparece más de una vez. Mira a ver si lo encuentras buscando post-share-buttons goog-inline-block. justo debajo de donde cierre el DIV tal como explico en la guía es como puedes encontrarlo. Prueba y me dices.

      Un saludo!

      Eliminar
  76. Madre mia Miguel. .. cuanto comentario! ! No sé como das a basto. Pasame unos pocos a mi blog.. unos tanto y otros...
    Y yendo al tema, he estado a punto de ponerlo pero órdenes son órdenes y el pagespeed es lo primero. Abrazos

    ResponderEliminar
    Respuestas
    1. Qué tal Héctor, bienvenido!!! :)

      lo puedes poner, como va con "If cond", sólo saldrá la caja para comentarios en Facebook cuando accedan al detalle de la entrada, así pues no restará ni un ápice de rendimiento en móvil o escritorio con Pagespeed en tu página principal. Eso sí... habrá que controlar que quede bien en todos los dispositivos ;)

      Un saludo!!!!

      Eliminar
  77. Buenas tardes Miguel lo primero felicitarte por tu Blog. Verás tengo un problemilla con el tema de meter comentarios via Facebook en mi Blog, resulta que la ventana sale al final de todas las entradas y no individualmente como a mi me interesaría, te dejo el link de mi blog para que lo veas y me digas si puedes ayudarme,
    http://proyectodescritora.blogspot.com.es/
    Muchas gracias.Saludos.

    ResponderEliminar
  78. Hola,
    creo que has metido la caja de comentarios de Facebook a nivel de toda la plantilla, reliaza "Paso A Paso CAJA DE COMENTARIOS PARA QUE QUEDEN A NIVEL DE ENTRADA:" y de esa parte el paso 2 completo, debes poner la caja debajo de los sharebuttons.

    Un saludo!

    ResponderEliminar
  79. buenas, no encuentra la etique body en las nuevas plantillas de blogger

    ResponderEliminar
    Respuestas
    1. No me he olvidado... pero aún ni he tenido tiempo para mirar la plantilla. Ya te avisaré en cuanto pueda. Un saludo!

      Eliminar
  80. Me costoo muchisimo, pero al fin lo logree ! Muchas Gracias por tu publicación de verdad fue de mucha ayuda :)

    ResponderEliminar
    Respuestas
    1. Me alegro muchísimo que te haya funcionado, aquí me tienes para las cosas que necesites con tu Blog. Un saludo y gracias por participar.

      Eliminar
  81. Hola! ojalá puedas ayudarme, encontré la etiqueta Body pero el SHARE BUTTONS no aparece en mi código. puse e código de facebook directo despues de Body pero no pasa nada..... Me puedes ayudar por favor? gracias!

    ResponderEliminar
    Respuestas
    1. Hola!,
      ese es sólo el primer paso, luego debes seguir el resto de pasos. Se trata de buscar dónde quedan en tu plantilla colocados los botones para redes sociales de la parte inferior de tu blog.

      Un saludo!!!

      Eliminar
  82. Hola como andan!!! la verdad que buenisimo el post, pero tengo un problemita,
    encontre "<body"
    Pude pegar en SharedButton pero me salta un error
    """Error al analizar XML, línea 1234, columna 62: The reference to entity "appId" must end with the ';' delimiter."""
    js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=1434660100107517";

    Me podrias decir que puede ser??

    ResponderEliminar

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.