JMiur [E]

Facebook ha añadido un nuevo botón llamado "Enviar" que sirve para compartir contenido de modo diferente al botón Me Gusta ya que, en lugar de enviar la información a todos los contactos, la envia de manera personalizada, ya sea a una persona, a un conjunto de personas o a los miembros de un grupo.

El nuevo botón sólo puede ser agregado utiliando lenguaje XFMBL por lo tanto, si no tenemos incorporada esta posibilidad a nuestro sitio, primero que nada debemos colocar lo siguiente justo después de <body>:
<div id='fb-root'></div>
<script src='http://connect.facebook.net/es_ES/all.js#appId=APP_ID&amp;xfbml=1'></script>
Esto nos permitirá utilizar el código especial de Facebook con cualquier otro plugin de la red social. Este código no es otra cosa que etiquetas especiales llamadas FB y para agregar el botón Enviar, lo mínimo a colcoar sería lo siguiente:
<fb:send href='URL'></fb:send>
donde href es la dirección URL a compartir. El resto de las opciones (color, fuentes, etc) podemos verlas en la misma página del plugin.

En Blogger si queremos que la URL apunte a cada entrada en particular, deberíamos condicionar el botón de tal forma que sólo se muestre en las entradas individuales y utilizar las expresiones de Blogegr para indicar esa dirección:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <fb:send expr:src='data:post.url'></fb:send>  
</b:if>


Quienes ya utilicen el botón Me Gusta tienen la posibilidad de combinarlos utilizando el mismo código XFMBL al que sólo se le debe agregar el atributo send="true" con el mismo criterio que antes, indicando una dirección URL especifica como por ejemplo el home de nuestro sitio:
<fb:like src='http://miblog.blogspot.com' send='true' width='450' show_faces='true'></fb:like>
o condicionándolo para que puedan compartirse las entradas individuales:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <fb:like expr:src='data:post.url' send='true' width='450' show_faces='true'></fb:like>
</b:if>


36 comentarios:

yonathan  

Lo malo esque en este ejemplo por lo menos cuando le doy a enviar el cuadro no me sale completo debido a q la el cuadro de la derecha me lo impide osea el cuadro sale por debajo pero no por arriba de todo :) saludos y muy bueno!

Responder
Víctor González  

Hola JMiur, navegando por tu blog me he encontrado la siguiente entrada: Resumen Posts 3: Las miniaturas y dice algo de lo que quiero hacer, resulta que tengo aproximadamente 50 imágenes y quiero colocarlas en una entrada pero no todas tienen el mismo tamaño, lo que quiero es ordenarlas en 5 columnas y 10 filas, pero al tener tamaños diferentes es algo complicado, según pude leer en la entrada que te mencioné dice algo de colocar la imagen como un fondo y ocultar un 50% a cada lado, es decir, crear un contenedor con un tamaño fijo por ejemplo 200 x 200 px que muestre solo la parte central de la imagen, esto evitaría que dichas imágenes se distorcionarán, ahora viene mi pregunta ¿cómo logro hacer eso, cuáles serían los códigos a utilizar?

Muchas gracias... :)

Responder
Gem@  

Yo estoy a años luz de entender FB por eso pregunto ¿esa información dónde llega? para probar la envié a bolsanegra :S

Responder
JMiur  

yonathan:Mo veo que ocurra eso.

Víctor González:
Efectivamente, una forma sería esa. Puede ser una lista de etiquetas UL LI, DIVs, etc; no hay un código unico para eso, depende de cada caso y además debería establecerse el CSS particular.

Me parece más simple que uses una tabla y allí coloques las imágenes; las tablace permiten centrar sus contenidos vertical y horizontalmente.

Gem@:
Si se le envia a una persona, le llega a sus Mensajes privados; si se envia a un Grupo, se publica en ese grupo.
Eso creo :-)

Responder
miguelangelgc  

Oh... muchas gracias JMiur por el dato.

No pude hacer que el "condenado" botón enviara un post en particular aunque sí al ponerlo para "recomendar" mi blog en facebook como widget sí funcionó. Esperemos el éxito o no que tenga este enlace.

Saludos.

Responder
x-RiCaRdO-x  

hola jmiur cuando trato de poner el codigo q va antes de body m sale este error de plantilla: No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "xfbml" must end with the ';' delimiter.

Responder
Kalin  

y como se supone que haces para que cuando alguien da click en el boton "me gusta" en tu blog, el aviso t llegue como notificacion a tu facebook?
he leido algo de open graph pero no entiendo mucho la verdad podria alguien dar una explicacion para "dummies"?? hahaha

Responder
JMiur  

x-RiCaRdO-x:
Prueba escribiendolo así:

<div id='fb-root'/>
<script src='http://connect.facebook.net/es_ES/all.js#appId=APP_ID&amp;xfbml=1'/>

Kalin:
Lo desconozco; todo eso debes consultarlo en Facebook mismo.

Responder
Odomera  

No sé qué estaré haciendo mal porque en vez del resumen de la entrada me aparece el Mensaje del formulario de comentarios, o, si elimino el mensaje ese, me sale el primer comentario que escrito en la entrada, tanto usando este método como el que usa un iframe para mostrar el botón 'Me Gusta' :(
En fin, ni idea...

Responder
JMiur  

En Blogegr, el botón no envia un resumen de la entrada. Se meustra el títul ode la entrada y el contenido de la etiqueta META description que, me parece, es lo que falta en tu blog.

Si esa etiqueta no existe, toma cualquier texto que encuentre y eso es aleatorio, peude ser cualquier cosa tal como has visto, algo de la sidebar, un comentario, etc.

Responder
Balthazar!  

Hola JMiur, espero que estés bien ^^, te comento un problemita que tengo, a ver si algo sabes del tema =P

En blog usaba éste código del "me gusta" para las entradas en el home (o en cualquier parte que no sea la entrada individual)

iframe allowTransparency='true' class='facebook-share-button' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&height=60&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no'/

Con lo cual no había tenido problemas, pero de un tiempo a esta parte me solicita "confirmación" luego de darle el botón para enviar las entradas a facebook... He notado que con la opción del fb:like eso no ocurre, crees que es posible agregar los mismos parámetros de url a los de fb:like?? En otras palabras, que considere la url del post donde esté el botón y no la principal del blog...

Saludos! ^^

Responder
JMiur  

Los parámetros de uno y otro son diferentes; el botón LIKE sólo funciona con etiquetas FB y no con un IFRAME. Ninguno de los plugins sociales, tiene más opciones que las listadas en la misma página de los desarrolladores.

Es probable que el problema ocurra porque el botón LIKE requiere de una aplicación y por lo tanto ya está "autorizado". Eso sólo es una suposición mia :D

Responder
Balthazar!  

Aquí estoy de nuevo, creo que no me he dejado entender, lo que lograba hacer con el inframe es capturar la URL de la entrada donde estaba el botón y no la del home o página de navegación en la que estoy.
Mi pregunta era si es posible agregar algo similar en la versión fb:like del botón, por que solo he conseguido que considere la URl de la página que se está visualizando...
Quizás con un ejemplo quede mas claro, si entras a mi blog Link verás que cada entrada tiene un botón me gusta, y lo que 'envía' a facebook es la información de cada post, pero ese botón está hecho por medio del inframe y me ha estado generando problemas en su versión "Box_count", es por eso que quería hacer lo mismo, pero con el fb:like...

Espero haberme hecho entender ahora jejeje...


Saludos! ^^

Responder
JMiur  

Tal como muetra el post:

expr:src='data:post.url'

define la URL del post y no la de la página así qe peude usarse en el home sin problemas

Responder
Balthazar!  

JMiur, no es por molestar en vano, pero de verdad que si da problemas si no es una página individual.. mira éstas dos capturas de tu blog:

1 y 2

La primera es una captura de la página individual de éste post.. y he hecho la prueba con el botón de enviar y la segunda es este mismo post, pero desde la navegación del blog y puedes ver que haciendo la misma prueba, no considera la información de la entrada, si no que la del blog en sí...

Entonces, de ese punto surge mi duda inicial, más del porque no funciona como debería y si podría hacerse algo para solucionarlo...

Saludos! Y disculpas por las molestias u.u

Responder
JMiur  

Lo que muestras en las capturas es correcto porque eso es lo que hice. Allím los botones no están en la plantilla sino en la misma entrada y por lo tanto, la URLs las puse manaulmente y no son un dato variable ya que esos datos de Blogger sólo se pueden utilizar dentro de la plantilla misma.

Si pongo esto:

<fb:like expr:src='data:post.url' send="true" width="450" show_faces="true" font=""></fb:like>

en la plantilla, dentro del widget blog, en alguna parte del LOOP como por ejemplo el footer, la dirección URL de la fuente establecida por el atributo SRC, variará y será igual a la URL de la entrada, sin importar si se está en una entrada individual o en el home. Acá no l oves porque simplemente, no lo uso.

No hablo del IFRAME porque Facebook ha deshechado su uso y si te fijas en la página del plugin, verás que ya no existe esa opción.

Responder
rossibrochero  

Hola, me puedes ayudar con algo, es que al dar clic al botón enviar, me selecciona automáticamente una imágen de otra entrada y no me da opción de cambiarla, como puedo arreglar esto? cuando le doy compartir si me permite seleccionar cualquier imágen. gracias.

Responder
JMiur  

Es curioso que pase eso, rossibrochero pero, no veo que haya nada que pueda controlar qué imagen se muestra o si se muestran varias.

Responder
Nuria Cortés  

Perdona, quería saber dónde se han de poner lo condicionales... ¿Sería abusar si me pudieras poner todo junto o en bloques, pero especificando dónde ha de ir exáctamente cada cosa? Perdona, es que en mi blog -aparte del recuadro general de facebook- tengo el me gusta en cada entrada, pero la versión iframe, que no da opción a los comentarios y al send. Muchísimas gracias por adelantado. www.laloliplanet.com

Responder
JMiur  

No hay ningún lugar específico. Se coloca allí donde quieras que se muestre el botón; por lo general, en el footer de cada entrada.

Responder
YippeeKiYay  

Muy buenas!

Llevo un rato intentando insertar el botón enviar en mi blog pero no lo estoy consiguiendo del todo. Ya he insertado el código del botón y éste me sale ya en cada una de las entradas, solo que al pinchar en él me sale la dirección del blog pero no de la entrada en concreto. ¿Qué tengo que hacer exactamente para que al darle al botón Enviar sea el texto y el enlace de la entrada en concreto? Quizás ya lo hayas dicho en algún comentario, y si es así no me he enterado igualmente :$

Gracias de antemano y un saludo!! ;)

Responder
JMiur  

Si el botón tiene esa estructura, se indica la URL y está en el LOOP de Blogger, la dirección y título serán las correctas:
<fb:send expr:src='data:post.url'></fb:send>

El contenido del texto a mostrar, no puede ser alterado y en Blogger, no será un resumen de la entrada. Fíjate en esta entrada para saber por qué.

Responder
Daniiable  

Excelente, me funciono ;)

Responder
Nuria Cortés  

Gracias, Jmiur.

Responder
Javier  

Gracias, funciona joia.
saludos

Responder
Rosendo Ramírez Aquino  

Hola cuando agrego el codigo al editor.

me lo reemplaza por este:



y el boton me gusta funciona pero el enviar dice:

"Nos encontramos con el siguiente error al enviar tu mensaje:"

eso al momento de enviar a algun muro o por correo, hay algo que este haciendo mal?... :(

Responder
JMiur  

El códgi que intentas mostrar no se ve.

Responder
Rosendo Ramírez Aquino  

Te enviare capturas de pantalla aca en el correo vagabundia@gmail.com

Responder
Rosendo Ramírez Aquino  

Te envie un correo con todas las descripciones de mi problema.... me encontre con este articulo:

http://vagabundia.blogspot.com/2011/07/optimizar-las-etiquetas-meta-para.html

Agregue todas las < meta >

lo verifique en:

http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fjovenesfyv.blogspot.com%2F

y al pareces todo esta correcto que me falla :'( me sigue sin enviar Correo o mensajes a los contactos :-|

Gracias de antemano!

Responder
JMiur  

Respondido en el mail.

Responder
RIPER_EL_NEW  

como puedo poner la imagen que yo quiera al darle click en el boton "like" ? de mi propia pagina

JMiur  

En Blogger no se puede, hacer; no hay etiquetas o datos que puedan usarse.

Responder
Leonardo Remon  

esto no funciona debido a que en mi html no aperase < body > solo aperase < / body > a le que no son iguales

JMiur  

Toda página posee una etiqueta BODY, puede tener atributos extras y decir:
<body ..... >

Responder
Pass Group  

se podran modificar los parámetros a Recomendar, al utilizar un sistema de noticias dinámico?
Siempre envía el título de la página, me gustaría enviar el título de la noticia o el resumen.

De antemano gracias

JMiur  

Las únicas opciones disponibles son las enumeradas en la página del plugin de Facebook

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR