JMiur [E]

ver actualización

Así como es fácil colocar el botón de Me Gusta de Facebook en cualquier sitio web, agregar alguno de los otros plugins requiere un poco más de trabajo.

Enrique Nava preguntaba específicamente por uno llamado Comments Box que permite a los visitantes, comentar de manera directa desde nuestro blog.

El problema fundamental para incluir esto es que debemos crear una aplicación; debemos entrar en la página de Desarrolladores de Facebook y crearla,dándole un nombre cualquiera

Hecho eso, la siguiente ventana puede resultar apabullante pero lo fundamental es copiar los dato que nos dan en la pestaña Básico

Id. de aplicación xxxxxxxxxx
Clave API xxxxxxxxxxxxxxxxxxxx
Secreto xxxxxxxxxxxxxxxxxxxx

Luego, haremos click en la pestaña Connect y allí, en el campo Conecte la pagina web, colocaremos la URL de nuestro sitio

Y eso es todo, en principio, no necesitaríamos hacer otra cosa que guardar y listo.

Para agregar el plugin en Blogger, lo mejor es ir a la página de Comments Box donde podemos probar si funcionará. Allí, debemos pegar en el campo Unique ID, la ID de la aplicación que hayamos creado y, si todo es correcto, inmediatamente veremos la previsualización a la derecha.

Number of Comments permite configurar la cantidad de comentarios a mostrar (por defecto 10) o podemos poner cero si no queremos que se muestren y que el plugin sólo permita agregarlos.
Width es el ancho en pixeles (550 por defecto) y es bastante flexible ya que parece admitir cualquier valor.


Decidido esto, hacemos click en Get Code que nos dira algo así:
<fb:comments xid="000000000000000" width="valor"></fb:comments>
¿Qué hacemos con eso? Vamos a la plantilla de Blogger e inmediatamente luego de <body>, agregaremos la llamada al Graph API de Facebook que es la forma más simple de incluir cualquiera de los plugins. Es un script muy simple:
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + 
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>
Eso, nos permitirá agregar los distintos códigos de Facebook directamente en nuestro blog así que, por último colocaremos el código que nos dieron ahí donde se nos ocurra mostrar la caja de comentarios; por ejemplo, en un elemento HTML de la sidebar:
<fb:comments numposts='10' width='550' xid='000000000000'/>
O en el footer de las entradas y, en ese caso, sugeriría condicionarlo para que solo se vea en las páginas individuales:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments numposts='10' width='550' xid='000000000000'/>
</b:if>
ver actualización

157 comentarios:

Viktor Lecter  

Bueno... yo hice una aplicación alguna vez para mi disqus ¿podré utilizar el mismo código api?

Responder
Felipe Calvo Cepeda  

Hola Jorge.

Buen tutorial.
Además, quienes quieran usar la caja de comentarios en Español (por defecto viene en Inglés) sustituyan
connect.facebook.net/en_US/all.js por
connect.facebook.net/es_LA/all.js

Es una buena opción para comentar, y nos promociona un poco el blog por una red social tan importante como lo es Facebook.
Saludos. :)

Responder
Anónimo  

Ya lo probe aqui, y funciono. Me gusto la idea, luego veo tantas cosas que me gustan que quisiera ponerselas todas a mi blog, pero hay que ver que se usa y que no

Responder
@rielCastellanos  

Basicamente como recomiendan poner esto en el blog? no se duplicaria los comentarios o se puede dejar como sistema de comentarios definitiva, q opinan muchachos?

Responder
CraloSantiago  

muchimas gracias me has salavado
y aprovecho para pedirte ayuda necesito crear un bloque que solo se muestre en el inicio de mi pagina no el post espero que me puedad ayudar te dejo una imagen para que te guies y disculpa las molestias
http://img59.imageshack.us/img59/9185/ayudah.jpg

Responder
José GDF  

¡Uf! :S Parece algo más complicado de lo que me esperaba... Aguardaré a tiempos más propicios, en cuanto a tiempo disponible se refiere, para intentarlo.

Responder
JMiur  

Víctor: No te lo puedo asegurar pero, creo que si.

Felipe: Perfecto, buena info :D

Don Choky: Sólo son opciones y herramientas, luego, basta saber que existen, luego, si se usan o no ya es muy subjetivo. Cualquier cosa, se prueba, se ve y luego de un tiempo se decide.

@rielCastellanos: Eso es subjetivo. Dependerá de cada caso pero no, no reemplaza los comentarios del blog.

kxrl0z: Así, en general, puedes agregar cualquier bloque, basta crear un elemento HTML y ubicarlo por ejmpelo, arriba de las entradas o debajo del header.

Responder
Carlos Martínez  

Hola JMiur, veras, he cambiado de plantilla y estoy preparando un enlace a los blogs que mas visito, y el tuyo nunca puede faltar, asi como el de rosa, gema, pizcos y muchos mas.... Me llevo los de la bolsa negra y vagabundia :)...

Lo que me llama la atención es un efecto que veo y no encuentro, y es ese de cuando pasas el mouse sobre algún enlace sale alrededor del mismo como un recuadro, podrías decirme cual es y como aplicarlo?...

PD: si puedes paseate por mi blog para que le des tu vista, el trabajo no me ha dado tiempo de terminarlo pero pronto lo terminare, un blog dedicado a la programacion en Java y otras cosas :)

Responder
Unknown  

Excelente gadget como siempre Jmiur, solo una cuestion ... si le das a me gusta aparece el icono del usuario en cuestion en el post que donde han hecho click los usuarios, pero si haces un comentario que queda en todos los post del blog ¿es normal? ¿ha alguien le ocurre?

Responder
Adrián J. Messina  

Mira vos,
como se fue metiendo Facebook.
Vendra Twitter?

Por otro lado, tenes idea o donde me puedo fijar para colocar el cuadro de "like" para votar nuestro sitio?

Abrazo,

Responder
JMiur  

CarlitoX: El efecto hover usa propiedes para redondear bordes y sombras; en Firefox sería algo así:
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 0 10px #COLOR inset;

Marketing Online Valencia: No sabría responderte, el resultado es algo confuso, es verdad.

Adrián: ¿Cuál de ellos? el botón o el Like Box?

Responder
Enrique Nava  

Funciono perfecto en mi blog! Una vez mas, gracias amigo! :)

Responder
JMiur  

Me alegro, Enrique :-)

Responder
PsicoCine  

Interesante, pero habra manera de contestar a un comentario con facebook connect en blogger?

Responder
William Alexander López  

Gracias por este tutorial, lo he agregado a mi blog y funciona de maravilla, sólo tengo una consulta, en Facebook a donde se ven los comentarios que un usuario deja en el blog, pues mi entrada tiene ya tres comentarios de usuarios de Facebook y en sus muros no se mira que haya comentado

Mil Gracias

Responder
JMiur  

Esas son cosas que no puedo responder, lo desconozco.

Responder
Daniel  

Estimado,

Tengo un problema, los comentarios se repiten en todos los post, al parecer no diferencia por pagina. Si el comment box está en el footer.

Responder
JMiur  

Si está en el footer, es probable que afecte a todas las páginas, lo desconozco.

Responder
@rielCastellanos  

Que prefieren, DISCUS o esto que propone facebook? digo, kien no tiene fb??? y discus, complica las cosas a veces

Responder
JMiur  

Muchos no tienen Facebook y esto, de ninguna manera reemplaza a los comentarios del blog.

Responder
Anibal Savino  

A mi no me anda. hay que esperar para que se active? gracias

Responder
Administrador  

muy bueno el post, gracias me sirvio de mucho

Responder
Huerta  

:D Facilísimo, y totalmente deacuerdo, no puede sustituir los comentarios del blog, más que nada para no dispersar esos contenidos por la red, yo ya lo he integrado, seguido de los retweets y los "comentarios" del blog, mañana unificar css.

Alguien sabe si se debieran publicar tambien los comentarios en el muro de la aplicación a mi no me salen :( y el lo que mas valoraría.

Si quereis echarle un vistazo al experimento http://goo.gl/2Il2

Muches Gracies

Responder
Beko  

Hola, muy bueno el post, pero tengo un problema en mi blog,... por que cuando envio un comentario AUTOMATICAMENTE el comentarios se va para todos las entradas.
Por favor ayuda.. :$

Responder
s0ymarcel0  

Yo tengo una duda: Cuando lo quiro probra me da "Database Down". Hay algo que este mal? ¿Quizás en la aplicación?

Responder
JMiur  

Marcelo: Pueden ser errores temporales de conexión. En este momento, l oveo agregado a tu blog y funcionando sin problemas.

Responder
Paula Lago  

Ufa, hace mucho que quiero poner algo así pero no me deja crear la aplicación, se queda tildada en cuanto pongo "aceptar" las condiciones y darle enter!:S

Responder
JMiur  

Pabela: Prueba con otro navegador, ese es un problema de Facebook en si mismo.

Responder
Paula Lago  

JMiur, ya he podido después de probar con 3 exploradores, se ve que es facebook nomás porque quiero probar de poner un comentario y me marca "Sorry, a temporary error has occurred. Please try again", veré si mañana tiene mejor ánimo! jajaja

Muchas gracias!

Instalado en La Cinerata

Responder
JMiur  

Paciencia, Pabela; suele pasar :-)

Responder
JMiur  

Sólo puedo darte la dirección de la Wiki de Facebook como referencia.

Responder
EL MOSTRO!!!  

@Marcelo Lemos todo indica que ni tu ni yo leímos el código javascript donde dice 'your app id'. Me pasaba lo mismo hasta que cambié eso por el valor numérico XD.

Responder
Paula Lago  

AAAAAAAAAAAAAAAAA jajajajaja nunca me fijé eso!! ahora entonces pruebo de nuevo porque tuve que sacarlo, como me marcaba siempre error! jejeje. Gracias por la info!!!!!!!

Responder
Marcelo  

Hola!

Siquiera me aparece la caja de comentarios. ¿?¿?¿?¿

Responder
JMiur  

Eso noto, Marcelo pero, no sabría darte una respuesta ya que no noto que haya nada extraño y tienes varios plugins de Facebook que parecen funcionar correctamente.

Responder
Cristian  

Hola: nunca me llegó el codigo de confirmación, como puedo hacer para verificar mi cuenta?

Gracias

Responder
JMiur  

No sé a que confirmación te refieres.

Responder
JMiur  

Lo hice con Firefox pero no tuve problemas de acceso con ningún otro.

Responder
Rodrigo  

en una web normal html funciona? ami noo :-( la web es carlospaz-mayu.com

Responder
JMiur  

Funciona en cualquier sitio.

Responder
Anónimo  

Tengo el mismo problema de @Daniel y @IronWeb... se me repiten los comnetario en cada post, primeor lo puse en el footer y se veían los comentarios en cada post en la página principal... luego lo condicioné sólo a cuando uno abre cada post por separado, pero aún así salen los comentarios hechos en otros posts...

que puedo hacer??

Responder
Dr. Guery Cordero  

podrias poner como ina imagen previa de como se veria? o en que blog la puedo ver? gracias

Responder
JMiur  

Esta sería una captura de lo que se vería si lo colocara debajo del header. No puedo poner un demo porque no es algo que quiera tener integrado.

Responder
Abraxam  

Hola que tal.

Tengo mi código ya hecho y todo. Pero no sé en donde ponerlo, en què parte de mi plantilla.

Lo que quisiera es que aparezca la opción de dejar un comentario en mi blog de blogger con tu cuenta de Facebook, del mismo modo que en la caja de comentarios de mi blog te dice que dejes comentario como anonimo, journal, Google, etc.

Con este código que se ha creado, aparecerá también la opción de comentar desde facebook en el mismo cuadro de comentarios de mi blog o aparecerá en otro lado?

Por favor, ayuda!

Muchas gracias.

Responder
JMiur  

Los comentarios de Blogger son independientes de esto. Aparecerá como otro cuadro diferente.

Responder
Matías Aravena  

@JMiur: Disculpa, pero probé esto y me funcionó a la perfección. Lo único es que los comentarios se repiten en todos los posts. ¿Hay alguna forma de divirlos por entrada?

Saludos!

Responder
JMiur  

Realmente lo desconozco.

Responder
Hugo Ruiz  

hola! yo tengo una consuta.. cuando me piden el SITE DOMAIN no se que poner D: ya he probado todo lo que se me viene en mente pero siempre me sale error!... un saludo

Responder
JMiur  

En Site URL colocas la URL, en mi caso sería
http://vagabundia.blogspot.com/

y en Site Domain el nombre:
vagabundia.blogspot.com

Responder
Unknown  

hola acabo de instalar el comment box en mi web, pero el problema que tengo es que algunos amigos no pueden comentar, a mi tambien me pasa con una cuenta que tengo, algunos si que les deja postear pero a otros no, que es lo que pasa? gracias

Responder
JMiur  

Lo desconozco, Raul.Tampoco sé cual es tu blog así que es imposible contestar.

Responder
Hugo Ruiz  

@JMiur Pues muchas gracias voy a probar ahora y comento resultados despues :D

Responder
NIVEK  

No son estables los comentarios, porque??..

Responder
JMiur  

Esos problemas de funcionamiento del gadget hay que preguntárselos a Facebook mismo. Lo desconozco.

Responder
Richard Osinaga Muñoz  

simplemente... GRACIAS!!!

Responder
Jordan  

Hey me gustaria que me lo explicaras mas detalladamente adjunto el id unico de la aplicacion, ahhh y tambien el code gracias por tu ayuda....

descarga este archivo hay esta todo
http://www.mediafire.com/?wb4k6ak4ai3c6jm
si necesitas algo te comunicas por la cuenta google

Responder
JMiur  

Todo l oque sé de este tema es lo que está en esta entrada.

Responder
Unknown  

He logrado hacer todo, menos condicionar los comentarios para que solo aparezcan en las entradas individuales. Sigo buscando como componer esto. Todo lo demas funcionó de maravilla.

Saludes amigo, gracias por este pequeño manual =)

Responder
pleinderien  

Hola,
El post es clarísimo. Logré instalar la caja de comentarios pero ahora tengo dos! (la de blogger y la de facebook). Cómo oculto la de blogger? (probé ocultarla desde el administrador de blogger pero oculta a las dos)
Gracias,

Responder
JMiur  

Debes hacerlo desde la Configuración. Aparentemente, también tienes la cahja de comentarios de Facebook en el mismo lugar así que, muévela, que n oquede dentro de DIV de comentarios.

Responder
Grupodeprofesores  

Muy Buen post. Nos ha sido de mucha utilidad. Gracias.

Responder
JMiur  

No sé si funciona si no es así como funciona y la caja de comentarios es única.

Responder
JMiur  

Comprendo.

Estoy mirando ese sitio y pensando en voz alta. Podrías probar algo total, nada se pierde.

Lo que noto es que el código es el mismo excepto que hay un dato mas, la URL así que yo, probaría algo como esto:

<fb:comments expr:url='data:post.url' xid="id_aplicacion" width="valor"></fb:comments>

Responder
JMiur  

Todas esas etiquetas META se refieren a algo llamado Open Graph Protocol que es algo creado por Facebook mismo.No sabría decirte si es algo que ayude en algo al sitio o no así que me pondré a leer a ver de qué se trata.

Responder
JMiur  

Seguramente es un problema temporal, suele pasar :D

Responder
JMiur  

Sí. Una vez que está agragda, el administrador de la aplicación tiene una serie de opciones para definir la forma en que manejará los comentarios y puede bloquear usuarios, etc, etc.

Responder
Martin  

Tengo un problema con esta aplicacion.
la caja de comentario solo se muestra en algunas ocaciones, y los comentarios que se han añadido se muestran en todos los post.

Responder
VacilónPerú  

MUUUUUUUUUUUUUCHAS GRACIAS ª :D:D:D:D:D:D:D:D

Responder
La Cajita Felix  

che cada vez que agrego el Graph API de Facebook despues de body
se me pone como buscador el fan box de facebook
porque sera?

me gustaria poder integrar la comment box para los comentarios

un abrazo

Responder
JMiur  

Desconozco por qué te puede estar pasando eso.

Responder
Kas-Tro  

Lo eh agregado en mi blog pero no me aparece nada de nada lo puse en post-footer line 1 y no aparece en ningun lado.. puedes ayudarme este es mi blog http://turankeo.blogspot.com/

Responder
JMiur  

Puede ser porque también tienes ese script para los fans. Si usas las etiquetas FB debes colcoar el script una sola vez, al inicio.

También veo que tienes dos DIVS con el ID fb-root qiue solo se coloca una vez, junto con el script.

Responder
Kas-Tro  

ya aregle todo, pero ahora solo se queda cargando, y no aparece el box de los coment solo se muestran unos cuadritos como de carga y nada de nada..

Responder
Kas-Tro  

Aregle los errores que tenia pero ahora se queda cargando, y no termina de aparecer y donde esta los de seguidores de fb, sale la pagina de fb, miralo aver que puede ser.. Gracias de ante mano..

Responder
JMiur  

No veo el cambio; sigue estando el segundo script:
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA">

Responder
Kas-Tro  

ese scrip no lo encontre en ningun sitoi de la plantilla lo busque mil veces con el buscador y el unico que encontre fue este <script src='http://connect.facebook.net/en_US/all.js que es el que ta relacionado, con el commet box...

Responder
Kas-Tro  

ya lo logre, perdon que andaba buscando el otro scrip en al misma plantilla sin saber que lo tenia en el wiget de la sidebar, pero al borrar eso el wiget se muestra diferente mostrando no solo los fans de facebook si no tambien las misma noticias del blog, sabrias como areglar eso, y como cambiar el gris del texto por el blanco por que mi plantilla es oscura y esas letras tan oscuras no se notan mucho..

Responder
JMiur  

Una vez que el script funciona (ese que está al inicio) con él, puedes colocar cualquier gadget de Facebook así que ahora, para el de fans, debes ir a la página correspondiente de ese gadget, establecer los datos o valores que quieres y luego, usar el código que te dan pero sin volver a colcoar el script.

Creo que para que no se vean las noticias, debes desmarcar la opción Show stream.

Responder
Kas-Tro  

si.. pero y los colores del texto.. eso es lo unico que no encontre por ningun lado del codigo que da facebook para el boton me gusta se podia poner dark o light pero este no tiene eso..

Responder
JMiur  

Las opciones son las que da Facebook, no hay otras.

Responder
Kas-Tro  

a bueno.. gracias de todos modos.. por ahora solo se norata 100% en plantillas claras hasta que decidan agregar esa opcion.

Responder
Enrique Nava  

Hola Jmiur! tengo otra inquietud, ¿podre configurar en la aplicacion o en el codigo para recibir notificaciones por mail cada vez que alguien comente? porque hasta ahora no ha sucedido, y no podria estar de post en post para revisar los comentarios que dejan... :)

Responder
JMiur  

La verdad, lo desconozco pero, imagino que si, tal vez, eso debe estar en la parte de la misma configuración de Facebook, donde puedes establecer que notificaciones te enviaran por correo.

Responder
Wilmer L.  

Hola JMiur,
He visto que este Comment Box ha sido especialmente complicado de aplicar en los blogs. Hay tantas preguntas que me gustaría saber si al fin hay manera de solucionar el problema de los comentarios repetidos en todas las entradas.

Te tengo otro problema. Cuando alguien quiere compartir una entrada en su muro, la imagen en miniatura que facebook pone al lado izquierdo del share, no aparece. Mi blog es este: (http://curiosidades-en-facebook.blogspot.com/). Sospecho que esto tiene algo que ver con la implementación del CommentBox.

Gracias. Un saludo.

Responder
JMiur  

Muchos de esos detalles deberán ser consultados en Facebook mismo. Lo que si veo en tu blog es que utilizad METAs de OpenGraph y una de ellas, indica que la imagen a enviar sea el logo de Blogger:

<<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/<>

Y no veo que Blogger agregue la etiqueta LINK donde se indica la primera imagen de cada entrada:
http://vagabundia.blogspot.com/2010/05/el-include-all-head-content.html

Responder
Kas-Tro  

@Enrique Nava

Pudiste areglar eso a mi tampoco me llegan las notificaciones al correo, de la gente que comenta... y como eso no suma comentarios a blogger es muy dificil, saber kien comenta..

Responder
Wilmer L.  

Gracias JMiur, problema solucionado con la inclusión de la etiqueta LINK y la eliminación de la línea <meta content que me indicaste.

No soy un experto en códigos y hacer este blog me ha costado mucho, gracias a ti me ha quedado como quería.

Una última molestia: ¿Hay alguna manera de que los lectores no tengan que escoger entre las imágenes del blog al momento de compartir en facebook, sino que por defecto la única imagen sea la primera del post?

Un Saludo y mil gracias de nuevo.

Responder
JMiur  

Moderador: Eso lo desconozco. En teoría, en Blogger, la imagen por defecto será la primera imagen que se encuentre en la entrada.

Responder
Enrique Nava  

No he podido arreglarlo, activé mi aplicación desde la configuración de mi cuenta personal en Facebook para recibir notificaciones y ni aún así...

Responder
Wilmer L.  

JMiur.
En mi caso, la imagen por defecto del blog es el logo.
Su código se encuentra en la sidebar izquierda:

http://lh6.ggpht.com/_JUcDko0O04o/TPeFlif4h0I/AAAAAAAAAP4/8FNfrOOJcXo/Large%20Avatar.jpg

Hay otra línea que indica que esa imagen se mostrará en miniatura al lado izquierdo del post. Recuerda que la plantilla emula la apariencia de facebook:

http://lh4.ggpht.com/_JUcDko0O04o/TPeFl0WhJwI/AAAAAAAAAP8/ImGZGN-KxiQ/Post%20gravatar.jpg

Tal vez se pueda hacer algo ahí.

Gracias.

Responder
JMiur  

Enrique: Pués entonces, deberás consultar en Facebook mismo si es que existe ese tipo de notificación.

Moderador: Toda esa parte es manejada por Facebook; tal vez eso que usabas de OpenGraph serviría pero, como en Blogger es imposible acceder a ese tipo de datos, no creo que haya mucho que pueda hacerse.

Responder
Enrollado  

mi problema es que para ver los comentarios tengo que actualizar el blog constantemente porque nose actualiza el chat solo

Responder
JMiur  

No, no se actualiza solo.

Responder
Enrique Nava  

Ok, ahora el enigma es si se puede recibir notificaciones por mail cuando algien deje comentario en el mismo... Parece que con este atributo se logra: send_notification_uid=xxxxxx
Pero aún no lo he comprobado, o por lo menos no me ha llegado notificación alguna.

Responder
LNR  

CHE HACE COMO UN MES QUE LA ZONA DE COMENTARIOS CARGA Y NO DEJA CARGAR QUE LE ANDA SUCEDIENDO ??? MI BLOG ES www.lacajitafelixwebzine.blogspot.com.

Responder
JMiur  

L oque veo en tu blog es que hay un script que hace referencia a un menú que no existe y por lo tanto, se produce un error; se llama sf-menu

Responder
LNR  

Y que hago con el SF MENU lo borro???

Pero fijate que en este blog (http://suple-deportivo.blogspot.com) me pasa excatmente lo mismo y tiene otra plantilla totalmente distinta.

Responder
JMiur  

En el primer blog no existe ningún menú qe tenga como clase sf-menu y por lo tanto, ese script provoca un error. No veo para qué dejarlo sino existe.

Esto, es al margen si influye o no influye en el error de los comentarios.

En el segundo caso veo que el script inicial dice:

FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});

y allí, debes reemplazar your app id por el número de ID de la aplicación personal que crees.

Sino, en lugar de usar códigos FB utiliza el IFRAME.

Responder
LNR  

Gracias por el consejo. Voy a ver que sale

Responder
WallMix  

ya lo he hecho pero nada, no se muestra nada de facebook, solo he podido añadir el boton Compartir :(

Responder
JMiur  

Ni siquiera sé cuál es tu blog.

Responder
Yo Geisha  

No me aclaro nada :S

Este es mi blog:

http://yo-akra-g3isha.blogspot.com/

Quiero poner al final de cada entrada, (así como, al final de cada página) el "Facebook box comment".(Como se puede ver tengo el "Facebook Like box" ya puesto, y una barra de marcadores sociales para compartir mis entradas).

Me gustaría poner el "Facebook box comment" bajo el "Facebook Like box".

1.He creado la aplicación y tengo los códigos:

Id. de aplicación: ♥♥♥♥♥♥♥♥♥♥♥♥♥♥
Clave API: ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
Secreto: ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

(lo censuro por seguridad, ya que no se si conllevaría algún problema exhibir estos códigos, lo dudo, pero ante la duda...)

La cuestión es que ya he creado la aplicación y tengo los códigos como se explica aquí.

2-Creo el "Facebook box comments" aquí poneis este código:

http://i777.photobucket.com/albums/yy54/G3isha/dire1.png

Yo obtengo este otro:

http://i777.photobucket.com/albums/yy54/G3isha/dire2.png

3- A partir de ahora no se que tengo que hacer con este código, ya e explicado dónde lo quiero poner pero no me aparece la caja y no se dónde poner el script:

http://i777.photobucket.com/albums/yy54/G3isha/dire3.png

y tampoco se que tengo que modificar en este script :S supongo que el 'your app id' pero ¿algo más? y donde lo coloco???

Gracias con antelación, como ves si que se tocar lo básico en el blog y e puesto mis cosillas, pero esto lo veo dificilísimo xD

siento las molestias ;)

Pongo las Imagenes porque no me deja poner los códigos

Responder
JMiur  

En el script, sól odebes modificar el texto que dice "your app id" y poner el que se corresponde con tu aplicación. Si quieres, también pues cambair el en_US por es_ES para que se vea en español.

Ambos códigos son iguales; en uno, no está es script y en el otro si. Ese script es genérico, se coloca sólo una vez; no hace falta repetirlo.

Responder
Yo Geisha  

-Entonces debo poner el Script que tu pones arriba despues de body
(modificando el app id)

-El código que me dan cuando creo la "Facebook box comment" lo debo tambien poner? o no es necesario?

Responder
JMiur  

En ambos códigos, hay un script, pones uno u otro. Lo que si debe estar es la etiqueta:
<fb:comments .............. />

Responder
Yo Geisha  

Gracias ^^ y perdon por las molestias, tu blog es fantástico me ha ayudado mucho ;)

Responder
Kas-Tro  

@JMiur Encontre este tutorial en ingles de cambiarle los colores comment box de fb es con css pero yo no se mucho de como aplicarlo aver si me ayudas por que mi blog es de colores oscuros http://forum.developers.facebook.net/viewtopic.php?pid=236534

Responder
JMiur  

Sól osé que se utiliza un archivo externo pero nada más.

Responder
Anónimo  

Hola!!! Oye tengo una duda cada vez que intento abrir en desarrolladores y me piden in numero telefónico para mandarme un código y ponerlo en donde meo piden a causa de eso no puedo abrir nada :/

Responder
JMiur  

Ve a Configuración de la Cuenta y en la pestaña Movil haz click en "Regístrate para activar los mensajes de texto de Facebook"; selecciona el pais, la operadora y puedes verificar tu cuenta mandado un SMS.

Responder
Kas-Tro  

@JMiur Que lio ojala que algun dia este para blogger esa modificacion..

Responder
Guerrilla Flow Magazine  

Gracias, por fin lo pude agregar!

Responder
SEGArcadia  

@Erwin Salas parece que ha dado con la solución para que los comentarios sean únicos para cada post...

el atributo xid del iframe de Facebook reemplazarlo con expr:xid="data:post.id"

Y´por supuesto gracias a ti, JMiur.

Responder
Unknown  

Cuál es el footer de las entradas?? donde pego el codigo finalmente?

Responder
JMiur  

El lugar exacto dependerá de cada plantilla. Es donde tienes colocadas las etiqeutas o las entradas relacioandas, etc.

Responder
Administrador  

Estimado JMiur, he probado varias cosas pero me sigue apareciendo el comment box en español e inglés en forma indistinta.

No logro identificar cuando aparece en un idioma o en otro, para tratar de corregirlo.

Quizás me puedas ayudar, gracias!

Responder
Unknown  

He intentado de todos los modos posibles implementar esta aplicacion y no logro conseguirlo, me dice esto:The comments plugin requires an application id to properly namespace the provided xid. he sguido todos los pasos una y otra vez con la ID correctamente pero me sigue dando este error, tambien he seguido todos los consejos de todos los comentarios y no hay manera, a ver si me puedes dar alguna solucion posible si es que la hay. Salud.

Responder
JMiur  

No hay mucho que agregar, si estás seguro de estar colocando el ID correcto y el código correcto, todo lo demás deberás consultarlo en Facebook mismo.

Responder
Froilán De Lózar  

Interesante tu entrada y actual. Yo quiero isnertarlo en uno de mis blogs, "Curiosón"·, pero llevo dos días luchando y no hay manera de sincronizarlo, me pasa como a Roster, los comentarios aparecen en todas las entradas, no se personalizan con el post en cuestión. Debe existir alguna clave que permita el comnentario en cada post.
Por otra parte, me sale este mensaje:
The comments plugin requires an application id to properly namespace the provided xid.
Muy agradecido

Responder
JMiur  

El mensaje que te sale indica que no has colocado el ID de tu cuenta en el script

FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});

o en la etqueta FB:

xid='000000000000'

Responder
Sandro  

@JMiur Felicitarte por la explicación, la cual es de gran utilidad, aunque he tenido un problema con el que no contaba. En la parte superior del blog se me ha salido un fragmento de la plantilla y no tengo ni idea de qué he hecho mal. Podrías mirarlo por si tú puedes dar con lo que es.

Muchas gracias de antemano y enhorabuena por tu blog, totalmente interesante.

Un saludo.

Responder
JMiur  

No sé exactamente donde esta eso porque solo veo el código fuente pero, alli dice esto:

</script> expr:class='"loading" + data:blog.mobileClass'>

y eso:
expr:class='"loading" + data:blog.mobileClass'>
o bien:
expr:class='"loading" + data:blog.mobileClass'
estoy adivinando, es algo que, en las nuevas plantillas, debe ir en ale tiqueta body para que quede así:

<body expr:class='"loading" + data:blog.mobileClass'>

Si no lo encuentras, tendría que ver la plantilla para decirte algo más exacto.

Responder
Sandro  

@JMiurEfectivamente, esa etiqueta es, la cual la he desecho para colocar el código después de < Body .

Mi Control F no ha encontrado la otra de < body >. entonces es ese el error, no?

Muchísimas gracias por tu pronta respuesta. Qué torpe que soy para algunas cosas.

Responder
Sandro  

@JMiurMuy rápido he cantado victoria. perdona, hombre, presiento que te voy a dar la lata.

He observado que yo en mis plantillas no tengo la etiqueta < body >, la más parecida es y esa no será.

Cómo lo hago yo? gracias de nuevo y perdona.

Responder
JMiur  

Puede ser que entonces haysa borrado la etiqueta body y lo que quedó es ese resto aunque ahora, en tu código fuente, veo:
<body class='loading'>
que es lo correcto y aparece bien ubicada; en la plantilla debe estar inmediatamente después de </head>

Responder
Sandro  

@JMiurOk, muchas gracias por tu atención, al final lo que he hecho es borrar esa etiqueta que se me iba de la plantilla, ya que he intentado encerrarla de todas las formas y no hay manera... como no sé ni para qué sirve, la he guardado por si acaso.

Y con respecto a lo de la etiqueta < body > la he intentado crear al lado, abajo, encima de < / head > y me da error por todos sitios. Si alguna vez se te ocurre algo, dímelo...ya por hoy no quiero ser más pesado contigo, te lo agradezco.

Recibe un saludo y muchísimas gracias

Responder
Anónimo  

Antes de nada, gracias por tu esfuerzo JMiur.

He conseguido instalar el comment box en mis entradas individuales, siguiendo tu último código, pero, estas me aparecen en la esquina superior izquierda, no justo debajo de la entrada misma.

http://trueunlove.blogspot.com/2011/03/los-aviones-vuelan.html

Aquí puedes ver el ejemplo.

Espero que puedas echarme una mano.

Un saludo!

Responder
JMiur  

@A.Carlos Difícil de responder porque habría que ver la plantilla misma. Seguramente es un error menor pero no hay otra forma. Lo que se ve, se ve bien así que es probable que ya haya quedado restaurado.

Responder
JMiur  

@True Unlove Lo has colocado en un DIV así que bastaría que le agregarás un poco de estilo; por ejemplo, un margen:

<div style="margin-top: 20px;">

Responder
Sandro  

@JMiurbueno, mi problema de ayer todo solucionado.

En las nuevas plantillas de blogger no existe la etiqueta < body > por lo que el código de facebook comments, si se utiliza una de estas plantillas hay que colocarlo justo después de

< body expr:class='"loading" + data:blog.mobileClass' >

Y ahí queda perfecto.

Nuevamente muchas gracias por la atención y un saludo.

Responder
JMiur  

Esa es la etiqueta BODY

La etiqueta es eso que está inmediatamente después del carácter < y el resto son atributos de esa etiqueta, atributos optativos.

Todas las páginas ienen un HEAD y un BODY.

Responder
Dalinda  

Me ha servido mucho, Gracias ^^

Responder
Daniel Hernandez Garcia  

Todo me sale diferente :/

Responder
frases facebook  

Hola tengo mi blog http://frases-facebook.blogspot.com , ya he creado la aplicación , le he colocado los datos pero no funciona :( me podrías dar una mano :P

Responder
JMiur  

Pues no veo que el script que está en tu página luego de <body> sea similar al que muestra esta entrada.

Responder
Yei Evolution  

Por casualidad saber a que se debe este error

El ID de la aplicación especificado en la etiqueta "fb:app_id" no está permitido para este dominio. Debes de configurar el Dominio Base de Connect para tu aplicación como un prefijo de http://www.turankeo.com/

Responder
JMiur  

Pués no. Tendrías que fijarte en la web; por lo que leí, falta que establezcas tu dominio en al aplicación.

Responder
Kas-Tro  

pero es que cuando lo pongo que me dice advertencia no hay como llegar, pero cuadno clickeo entra todo normal..

Responder
JMiur  

Como te dije, desconozco cual puede ser el problema.

Responder
Anónimo  

@Yei Evolution

eso se debe a problemas con el dominio tienes que mirar como configuras tu dominio con el servidor de aplicación

Responder
Unknown  

Hola JMiur este truco de agregar el comen box esta buenísimo, pero el único problema es el mismo de todos los que han comentado en este blog, que para poder ver el comen box ahí que después que se carga la pagina volver a actualizarla.

Por ende te pido que nos facilites algún código o script, con el cual podamos actualiza el blog solo una vez a partir de la visita del usuario.

A mi pensar esta seria la solución mas fácil a dicho problema.

De antemano te envió mis saludos.

Responder
JMiur  

Lo siento pero desconozco si existe tal cosa. Todo el sistema es manejado por el mismo Facebook así que no hay códigos externos que puedan aplicarse o por lo menos, yo no sé de ninguno.

Responder
Carlos Eduardo Martínez  

nooooo Esta confirmacion de TEl Movil nunca me llega :( alguien me puedes ayudar aqui dejo mi correo carlosmq23@hotmail.es
Saludooooooos
mi blog es Tauka Deportes

Responder
Fernando  

Y para aquellos que no reciben el codigo de confirmacion, aca nuestro muy querido JMiur en la respuesta 114 lo dice, me ayudaste mucho JMiur Gracias

Responder
Sebaitor  

¿Quiere dejar un comentario?

Hay varios métodos posibles.

Uno de ellos es el formulario de comentarios que tan generosamente nos ha regalado Blogger y que funciona sólo de tanto en tanto. Su uso es aconsejable sólo en caso de ser una de esas personas a las que les gustan los retos y los desafíos.
¿No quiere arriesgarse? Haga click para ocultarlo y utilice las otras opciones.

Responder
Wilmer L.  

JMiur.
Gracias por tu ayuda. Después de tanto intentar de instalar el dichoso comment box, conseguí hacerlo, pero lamentablemente sólo salía algunas veces y hasta cambié de plantilla tratando de implementarlo todo nuevamente, pero nada. Así que renuncié y me quedé con Disqus, aunque no me convence mucho.

Disculpa que te moleste con la siguiente inquietud, pero es que, para mi, tu blog se ha convertido en el heredero natural de El Escaparate:

Cuando alguien quiere compartir una de mis entradas en facebook, lo que sale es el título del blog y la descripción del mismo, no el título del post y al menos un fragmento del contenido del mismo.

¿Qué podría hacer al respecto?
Te recuerdo que mi blog es curiosidades-en-facebook.blogspot. Ya no tiene mucha relación con facebook, pero no he querido cambiar de dirección porque me ha ido bien con las búsquedas de Google y temo que al cambiarla pierda terreno ganado.

Nuevamente gracias

Responder
JMiur  

Moderador:
No sé de nada que pueda cambiar eso. Es Blogger quien envía la información y lo que hace es justamente eso con todos los blogs ya que se carece de la posibilidad de tener extractos en la meta description o en alguna otra etiqueta de ese estilo.

Responder
Robin Publicidad  

hola Jmiur me Interesa un Efecto Igual o paresido al que usas con las imagenes q le das click y se pone en tipo Zoom..
Lo unico que me interesa que la imagen se vea en el post pero mas pequeña y al darle clic se ponga zoom

Gracias Mi Blog Es http://www.SOFOKEMUSIC.net
sofokemusicnet@gmail.com

Responder
JMiur  

Para eso se requiere algún script que genere ventanas modales.

ibox y fanzyzoom son algunas de las más sencillas; la que utilizo se llama lightwindow

Responder
Donde Puedo Vivir  

hola :D en que parte del codigo pongo mi codigo (xd ) de comentarios. me dices en el footer, pero no se en que parte y tambien, en una ocacion la puse pero me aparece en el articulo inmediatamente, y no despues al presionarlo, y tambien se puede quitar los comentarios de blogger? saludos

Responder
JMiur  

En que parte de tu plantilla, imposible decirlo porque no es algo que se vea online. Lo colocas allí donde quieras que se muestre.

Los comentarios de Blogger pueden ser deshabilitados en al Configuración del blog.

Responder
Hustla Muzik  

Hice todo lo que esta ahi pero cuando alguien comenta sale en todas las entradas dime como corrigir eso !!!

Responder
Unknown  

Excelentee! sos un gennio :D

Responder
FeDe GoNzAlEz  

Hola la caja be comentarios funciona bien, lo unico que me gustaria modificar es lo siguiente:

Puse la caja en mi blog, escribi un comentario de prueba y despues me fije en facebook como sale y todo bien salvo que aparece una imagen cualquiera de mi blog, o sea, cuando comentas en mi blog y despues ves en facebook sale el comentario el titulo del blog, el enlace del blog y una imagen del blog, pero en este caso sale un boton de blogcatalog. La pregunta es: Como modificar esa imagen?

Responder
JMiur  

La imagen es la que detecta Facebook. Puedes probar si con algunas de las etiquetas META de OpenGraph algo mejora pero, no puedes hacer mucho más.

Responder
VacilandoUnRap  

Hola, a mi tambien me ocurre lo mismo de Hustla Muzik y quisiera saber si esque hay alguna solcución SI O NO? y sinceramente porfavor espero tu respuesta, saludos genio.

Responder
JMiur  

No puedo rsponder SI o NO porque, como lo dije varias veces em los comentarios, no conozco más detalles que los que muestra el plugin mismo. Ese en particualr, es u ntema que deberías consultar en lso foros de desarrolladores del mismo Facebook.

Responder
 
CERRAR