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 = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</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 = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</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.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.
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.
Gracias,bueno el post!!!
ResponderEliminarNada, a tu servicio para lo que necesites. Un saludo.
Eliminarno recordaba que el blog era tuyo jaja muy bien!
Eliminarjajaja, gracias Ángel!, un placer leerte por aquí. Cuídate.
EliminarExcelente Post mi estimado fue de gran ayuda y bien explicado
EliminarGracias Teo, la mejor recompensa. Muchas gracias.
EliminarHola Miguel,
ResponderEliminar¿puedo hacer esto pero con los comentarios de mi Fan Page de Facebook, o sólo sirve para perfiles personales?
muchas gracias, saludos
Maria
Sirve para el Blog y si luego el usuario decide publicar, saldrá en el muro. Pruébalo si quieres, lo tengo activo.
ResponderEliminarHola 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/
ResponderEliminarTranqui, lo revisamos:
Eliminar1) 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!,
Hola! los busco pero no lo encuentro...eso del código no es lo mío
Eliminarbusca 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.
EliminarUn saludo amigo!
Me salen varios ...body
Eliminar¿Es éste?
<body expr:class='"loading" + data:blog.mobileClass' y cierre
Eliminarjusto debajo de ese Body.
Hola!
ResponderEliminarme 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!
Claro!,
Eliminarse 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.
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
EliminarTienes más en la pestaña de "Rendimiento".
Un saludo!.
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.
EliminarUn saludo!,
hola! resulta que la caja de comentarios queda al final del blog. No por entrada! como puedo ponerla independiente ne cada entrada? saludos!
ResponderEliminarno 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!
Eliminarhttp://queandaibonita.blogspot.com gracias y saludos!
ResponderEliminarOk,
Eliminaraunque 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
"
En el paso 2 busca el includable de status-message y es ahí donde meterías tu código.
EliminarPero 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!,
Hola Queandaibonita!,
Eliminarya he metido el tutorial que solicitaste: http://diariosdelanube.blogspot.com.es/2013/06/mete-en-tus-entradas-de-blogger-los.html
Muchas gracias es lo que necesitaba, jajaja es bueno leer los comentarios jajaja :D
EliminarBueno tu post importante http://nuestromundo2050.blogspot.com/
ResponderEliminarEste artículo me va a ser muy útil. Gracias Miguel!!!
ResponderEliminar¡Encantado de ayudar Mayca! y un placer verte por aquí.
EliminarNo me sale jajajajajajajaa pero estoy intentando es demasiado para mi ya que soy novato
ResponderEliminarNo 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!,
EliminarBueno 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...
ResponderEliminarY permiteme felicitarte por tan fabulosos trucos
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!.
EliminarHola 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
ResponderEliminarFí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!.
EliminarEste paso no lo encuentro ???
ResponderEliminarJusto 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 ?
sabes no pude es un lio tremendo jajajaj
ResponderEliminarPero 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?
¿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.
EliminarUn saludo!
Hola que tal miguel muchas gracias por contestar mira mi blog motivandoteeldiadehoy.blogspot.mx
ResponderEliminarHolanuevamente sigo intentando meterle el codigo de la caja de comentarios por cada entrada me podrias guiar mira haber si aparece la foto
ResponderEliminarhttp://prntscr.com/1g4dsy
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
Eliminarno me salio el codigo de texto
ResponderEliminarDebe estar casi al final del Blog. Busca "shareButtons". Cualquier duda aquí me tienes. Un saludo.
EliminarHola, 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?
ResponderEliminarDebe 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?.
Eliminarlo 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
EliminarVeamos,
EliminarEl 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!.
mil gracias por fin pude! saludos
EliminarNO EXISTE ALGUN TRUCO PARA INSTARLALO COMO LSO BOTONES DE FB O ESAS COSAS ????
ResponderEliminareS QUE ES MUY MUY DIFICIL
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.
EliminarHola. He conseguido poner la caja de Facebook pero tengo dos problemas:
Eliminar1.- 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
Hola!,
EliminarEstoy 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!
Muy bueno, muchas gracias..!!
ResponderEliminarExcelente post!
ResponderEliminarY excelente persona q resonde todas las dudas! =)
no pude establecer los comentarios por entrada, pero seguiré intentándolo.
Gracias!
Hola Natalie!,
EliminarFí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.
Gracias!
EliminarMi 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 =(
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.
EliminarNo te preocupes que sale, un saludo!.
Gracias Miguel!
EliminarTe estoy escribiendo a tu mail ahorita mismo =)
Ya te contesté Natalie!, cualquier cosa me dices. Un saludo!
EliminarEres un capo Miguel!
EliminarMuchas gracias, lo logré! =)
Pero no pude hacer lo del data:post.canonicalUrl
te envié un mail.
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!.
EliminarHola 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.
ResponderEliminarSí,
Eliminarte 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 ;)
hola
ResponderEliminarYo no sé en qué fallo, pero tras seguir los pasos indicados, publico un comentario para comprobar que funciona y me dice lo siguiente:
ResponderEliminarAdvertencia: el contenido de este mensaje ha sido bloqueado
Parte del contenido de este mensaje ha sido denunciado por usuarios de Facebook por considerarlo ofensivo.
Hola,
ResponderEliminardepende 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!,
Dime David,
ResponderEliminardónde te atascaste y veo cómo puedo ayudarte.
Un saludo,
¡muchas gracias! *-*
ResponderEliminarGracias a tí Daniela. Cualquier cosa aquí me tienes.
ResponderEliminary como quito la caja de blogger? se añadio perfecto la de facebook pero solo quiero esa no las 2 , saludos
ResponderEliminarPara 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!
Eliminarhola no soy capaz de instalarlo me sale comentar en facebook ,pero no sale cuadro de comenatrios?
ResponderEliminartengo el codigo pegado pq ya tengo la caja de "me gusta"
me puedes decir que hago mal?
http://vigorecomiendamagazine.blogspot.com.es/
Hola!, tienes otro sistema de comentarios... ¿has decidido poner ese en vez de Facebook?...
Eliminarsi tengo el de disqus pero no me gusta nada,preferiria cambiarlo por el de facebook,gracias de antemano
EliminarCuéntame, dónde te atascaste en el tutorial y vemos cómo sacarlo.
Eliminarhola, 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
ResponderEliminarComprueba 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.
EliminarUn saludo!
Hola!, tienes otro sistema de comentarios... ¿has decidido poner ese en vez de Facebook?...
ResponderEliminarHola David, ¿Dónde te atascaste?, ¿qué puedo hacer para ayudarte?
ResponderEliminarHola, 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.
ResponderEliminarEl gusto es mío Javier,
ResponderEliminaryo 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!,
Estimado Miguel:
EliminarMuchas 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.
Hola!,
Eliminarte he escrito al correo particular para comentarte las otras dudas. Un saludo!.
Miguel:
ResponderEliminarHola 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!!!
Me temo que quizás con un feed o poniéndote como administrador. El último paso, el paso 3.
EliminarUn saludo!
Ok, lo tienes todo pero te falta el último paso (PASO 3) el del final. ¡Pedazo de Blog que tienes!.
ResponderEliminarTienes 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!
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.
ResponderEliminarExcelente! Gracias por la información, espero ver más publicaciones parecidas!
ResponderEliminarSaludos!
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!
EliminarSeguiré tu guía, espero que los visitantes tengan más actividad en nuestro sitio. Muchas gracias. Os comento como a ido.
ResponderEliminarA ver si hay suerte, cualquier cosa aquí me tienes. Un saludo!
EliminarHola Miguel bien dia..
ResponderEliminarLa 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.
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??
ResponderEliminardebajo, seguido, o donde?
y explicame eso de la APPID, que en el numero 17 debo poner el id y eso.. Explicame as detallado porfa..
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??
ResponderEliminardebajo, seguido, o donde?
y explicame eso de la APPID, que en el numero 17 debo poner el id y eso.. Explicame as detallado porfa...
Hola OR92!,
ResponderEliminarmete 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!
Hola yo si hago todo, creo que hay que esperar 30 minutos o algo asi,
ResponderEliminarlo 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,,
por sierto este es mi blog, estoy casi terminadolo.
Eliminarhttp://graphicsonlinedg.blogspot.com/ saludos
Gracias Jarckol!
EliminarHola 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é?
ResponderEliminarEs 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.
EliminarUn saludo!
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.
ResponderEliminarAgradezco respuestas. Saludos
Hola Emiliano,
Eliminarpor 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.
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
ResponderEliminarA mi me pasa exactamente lo mismo, a ver si alguien sabe la solución porque queda bastante raro :(.
EliminarMuchas gracias, un saludo!
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.
EliminarPara 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!.
Vale muchas gracias, te lo acabo de mandar, espero haberlo hecho bien me lo he descargado como para hacer una copia de seguridad.
EliminarUn saludo
Miguel , como siempre tienes unos artículos buenísimos
ResponderEliminartengo 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
Gracias Macu, aquí estaré para lo que necesites. Muchas gracias por tu apoyo.
ResponderEliminarCheeeeeeeeeee que bó. Me ha costado un rato aclararme para ponerlo independiente para cada entrada, pero creo que por fin ha quedado bien.
ResponderEliminarMuchas gracias
Me alegro Hans!, al final con paciencia todo sale. Cualquier cosa aquí estoy. Agradezco mucho tu Feedback.
Eliminar░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░▄████▄▄░░░░▄████▄░░░░░░░░░░░ ░░░░░░░░░▄▄████████▄░▄█████████▄▄░░░░░░░ ░░░░░░▄████████████████████████████▄░░░░ ░░░░▄████████████████████████████████▄▄░ ░░▄██████████▀░░░▀▀████▀░░░▀▀███████████ ▄███████████░░░░░░░░▀▀░░░░░░░░██████████ ████████████░░░░░░░░░░░░░░░░░░██████████ █████████████░░░░░░░░░░░░░░░▄███████████ ███████████████▄▄▄░░░░░░▄▄██████████████ ████████████████████▄░▄█████████████████ ███▀▀▀▀▀▀░░░░▀▀▀█████████▀▀░░░░░░░░░░░░░ ▀▀░░░░░░░░░░░░░░░░▀▀██▀▀░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
ResponderEliminarWoW, amazing +Sealiah Patton, the best possible comment. Many Thanks!
EliminarHola amigo dos cosas:
ResponderEliminar1. 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.
Hola amigo dos cosas:
ResponderEliminar1. 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.
Hola!,
Eliminar1. 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!
¿Puedo hacer algo para que sólo aparezcan en las entradas y no en la página de inicio?
ResponderEliminarSaludos.
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 "".
EliminarLa caja aparece desde inicio y solo la quiero en las entradas
AYUDA!!!
Hola Joyride,
Eliminardebes haber borrado algo en tu plantilla, no te preocupes. Miro tu correo y lo analizamos.
Un saludo!
Hola:
ResponderEliminaren 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
Hola!,
Eliminartienes que volver a copiar el código fuente del paso 2. Un saludo!
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.
ResponderEliminarhay alguna forma de activar algun tipo de notificacion para cuando alguien publica una respuesta?
ResponderEliminarEl último paso y luego configurar las opciones.
EliminarMuchas 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
ResponderEliminarHola!,
Eliminarsi quieres pásame la URL y veo si es un problema de haberla puesto erróneamente.
Un saludo,
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
EliminarHola 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.
EliminarUn slaudo!,
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!
EliminarMiguel, excelente aporte, gracias por tu valioso tiempo al servicio de todos. me ha servido muchísimo... hasta un próximo articulo..Gracias de nuevo.
ResponderEliminarGracias a ti, compensa con creces ver que ha servidor. Muchísimas gracias por tu feedback. Un saludo!
EliminarMigule 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
ResponderEliminarMándame el código de tu plantilla y vemos qué puede ser. Mándalo a miguelcolomer@gmail.com
EliminarUn saludo!,
Listo Miguel te eh enviado el codigo de mi plantilla, Gracias por responder,
EliminarSaludos.
Ok, dame tiempo porque ando con mucho lío, en cuanto pueda lo miro y te contesto.
EliminarUn saludo!
No hay problema Miguel muchas gracias de toda maneras.
EliminarSaludo
Hola!,
Eliminarya te la he enviado. Un saludo!
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
ResponderEliminarSaludo!! DISCULPA la molestia
muchisimas gracias me ayudo de mucho
ResponderEliminareste es mi blogger : http://tecnologeeksjba.blogspot.com/
ResponderEliminarpero amigo necesito quitar los comentarios de facebook de la pagina principal como hago? me podrías ayudar?
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.
ResponderEliminarNo se cual sea el problema hice los pasos que indicas en tu tutorial
Gracias,bueno el post!!!
ResponderEliminarGracias a ti Ernesto. Un placer ayudar.
EliminarHice todas los pasos, pero en editar plantilla , no encuentro la palabra : shareButtons
ResponderEliminarque debo hacer , aver si me ayudas gracias
Mándame la plantilla a miguelcolomer@gmail.com y veo dónde se puede hacer. Un saludo!
EliminarBro la plantilla ke uso es la de blog (Picture Window)
EliminarPero 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!
EliminarHola 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
ResponderEliminarhttp://www.todopeliculas.com.mx/peliculas/ver-pelicula-universidad-de-monstruos-online-gratis.html
¡Hola Omar!,
Eliminarel 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!!
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
EliminarSupongo 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.
EliminarPruébalo.
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
EliminarSi 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!
EliminarAl fin un código que me funciona-
ResponderEliminarGracias.
Me alegro mucho Nanari, aquí estoy para lo que necesites. Un saludo!
EliminarHola de nuevo.
EliminarQuerí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
Hola Nanari,
EliminarLo 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!
Hola,
ResponderEliminarmuchí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
Gracias a ti Marglones, me ayudan "a tirar p'lante" estos comentarios tan positivos.
EliminarClaro 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!
Muchas gracias por la respuesta ¡qué rápido! :)
EliminarEl 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
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á.
EliminarUn saludo!!
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
ResponderEliminar¿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
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:
ResponderEliminardiv 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
Ningún Spamm David, aquí estoy para ayudar no te preocupes:
Eliminarcreo 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!!!!
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:
Eliminarmeta 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
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.
EliminarUn saludo!
Mi face: http://www.facebook.com/david.quicenorendon
EliminarMi 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
Espera David,
Eliminara 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 ;)
¡Funcionó! Disculpa la demora es que estaba de viaje
EliminarSólo un comentario: para que aparezca el Moderator View primero tengo que hacer un comentario en la entrada.
EliminarMuchas gracias, Miguel, por toda la atención y la dedicación, excelente blog el que tienes aquí
¡¡¡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.
EliminarY 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.
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.
ResponderEliminarNo 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
Hola Chekeador,
Eliminareso 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!
Copie todo varias veces y revise no le falta nada te mandare a tu correo la plantilla y el ID gracias
EliminarOk, manda lo que necesites. Un saludo.
Eliminar!GRACIAS! Me sirvió mucho
ResponderEliminarGracias a tu Fabián, para mí esa es la recompensa mayor. Un saludo.
EliminarMiguel, 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 ^^
ResponderEliminareste es el blog no la modificare hasta cuando me respondas. http://tuyhola.blogspot.com/ UN SALUDO :)
Hola Yaser,
ResponderEliminarun 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!
Y gracias por el comentario, para mi la mejor motivación es ver que a la gente le pueda servir
ResponderEliminar¡Hola! Una pregunta: no encuentro el "sharebuttons" cuando lo busco para poner en cada entrada...
ResponderEliminarHola Diana,
Eliminarcon la B de buttons en mayúscula, prueba buscando shareButtons.
Un saludo!
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.
ResponderEliminarMándame la plantilla a miguelcolomer@gmail.com a ver cuál puede ser el problema. Un saludo!
EliminarBRO ¿SE PUEDE PONER LOS KOMENTARIOS PERO KE NO SALGAN EN LAS ETIQUETAS?
ResponderEliminarHola,
Eliminarno 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!
kuando busko shareButtons me sale esto:
ResponderEliminarhttps://scontent-a-mia.xx.fbcdn.net/hphotos-frc3/t1/1609554_215195315339528_379716815_n.jpg
Ke debo acer?
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.
EliminarUn saludo!
Madre mia Miguel. .. cuanto comentario! ! No sé como das a basto. Pasame unos pocos a mi blog.. unos tanto y otros...
ResponderEliminarY yendo al tema, he estado a punto de ponerlo pero órdenes son órdenes y el pagespeed es lo primero. Abrazos
Qué tal Héctor, bienvenido!!! :)
Eliminarlo 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!!!!
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,
ResponderEliminarhttp://proyectodescritora.blogspot.com.es/
Muchas gracias.Saludos.
Hola,
ResponderEliminarcreo 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!
buenas, no encuentra la etique body en las nuevas plantillas de blogger
ResponderEliminarNo me he olvidado... pero aún ni he tenido tiempo para mirar la plantilla. Ya te avisaré en cuanto pueda. Un saludo!
EliminarGracias Miguel, aún sigo sin localizar la etiqueta body en la nueva plantilla de blogger..
EliminarMuchas gracias
EliminarMe costoo muchisimo, pero al fin lo logree ! Muchas Gracias por tu publicación de verdad fue de mucha ayuda :)
ResponderEliminarMe alegro muchísimo que te haya funcionado, aquí me tienes para las cosas que necesites con tu Blog. Un saludo y gracias por participar.
EliminarHola! 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!
ResponderEliminarHola!,
Eliminarese 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!!!
Hola como andan!!! la verdad que buenisimo el post, pero tengo un problemita,
ResponderEliminarencontre "<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??
Hola Fantástico,
Eliminardebes pegar el código después de sharebuttons. Observa bien el paso 2) y asegúrate que no dejas < o > mal cerrados o ";" sin poner donde corresponda. Parece en tu caso que no has debido copiar y pegar bien el código del principio del paso 2.
Un saludo!!