JMiur [E]

Recommendations bar es un nuevo plugin social de Facebook que se encuentra en estado beta es decir, podemos usarlo pero aún está en desarrollo y puede tener algún tipo de problema eventual o sufrir algún cambio en el futuro. Por ahora, aparentemente, sólo será visible para desarrolladores.

En principio, lo que hace es establecer nuevos métodos para permitir que los usuarios compartan artículos en sus perfiles.

El plugin se adosa siempre a la parte inferior página, quedado fijo a derecha o izquierda y apenas se carga, se colapsa para transformarse en un botón con el texto Me Gusta o Recomendar y un ícono extra que permite expandirlo:

Recommendations Bar para Facebook

Por defecto, veremos un enlace diciendo Social Reading is Off; si hacemos click en él, se abrirá la típica ventana de Facebook solicitando autorización para que el plugin interactue con nuestra cuenta. De ahí en más, el usuario sólo deberá hacer click en Recomendar para que la entrada sea publicada en su perfil de Facebook.

Recommendations Bar para Facebook
Recommendations Bar para Facebook

Es importante aclarar que nuestra plantilla debe incluir la etiqueta META correspondiente porque sino, no funcionará:
<meta property="og:type" content="article"/>
El plugin se agrega como cualquier otro usando código XFMBL así que debemos tener esto inmediatamente después de <body>
<div id="fb-root"></div>
<script>
//<![CDATA[
(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&appId=APP_ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
Con eso, ya podemos agregar la etiqueta correspondiente de modo simple:
<fb:recommendations-bar action='recommend' />
o incluyendo opciones como la URL del sitio:
<fb:recommendations-bar action='recommend' site='http://vagabundia.blogspot.com/'/>
Cuando vemos la página de los desarroladores, uno de los datos que podemos modificar es URL of the article pero, desconozco a que hace referencia y por l oque probé, no parece necesario ya que toma siempre la direccion de la página donde estemos.

Hay otros parámetros configurables:

Trigger indica la forma en que se lanzará el plugin, por defecto dice onvisible y puede seleccionare un valor (X%) o manual
Verb to display es el texto a mostrar (Recomendar o Me Gusta)
Side es left o right, la posición donde se mostrará
Domain es el dominio de nuestro blog

Tambien hablan de read_time, ref, num_recommendations y max_age que no son muy claras pero, con las que se agregan por defecto es más que suficiente para la mayoría de los sitios.

¿Y donde poner esto en la plantilla? En cualquier parte porque siempre se mostrará fijo en al parte inferior; probablemente, lo mejor es condicionarlo para que sólo funcione en las entradas individuales:
<b:if cond='data:blog.pageType == "item"'>
  <fb:recommendations-bar action='recommend' site='http://vagabundia.blogspot.com/'/>
</b:if>
No es el el único plugin en modo beta, en este momento también hay otro llamado Add to timeline pero, no puedo decir nada de él porque me ha resultado confuso de entender su funcionamiento y para qué sirve

12 comentarios:

luchosar  

Como siempre, excelentes articulos !

Responder
Richard Osorio  

Amigo por que ago lo mismo que tu y no me aparece el boton?

JMiur  

No puedo decirte ya que por ahora, el plugin no es visible para los usuarios externos.

Responder
May  

Hola JMiur, me podrias decir.. ¿Cómo hago para tener las entradas como las tuyas? (en inicio) .. Saludos :)

JMiur  

Es algo explicado en estas tres entradas: 1, 2 y 3

Responder
Eulalia  

Recibí un mail de Facebook advirtiéndome que dejarían de funcionar los FBML. Creé hace tiempo un par de apps, de esas que sirven para enviar "regalos virtuales" a los amigos. El sistema de creación era tan sumamente sencillo que cualquiera sin conocimientos podía hacerlo y ahora me dicen que he de reestructurarlas y si, me dan una serie de explicaciones y guias para hacerlo, pero me están sonando a chino.
¿Sabes algo de esto?

Un abrazo.

JMiur  

Hace ya bastante tiempo que Facebook no permite agregar nuevas pestañas o aplicaciones escritas en formato FBML pero las existentes, las mantuvo activas y funcionando. No me extraña que en algún momento se decidiera a no permitirlas más o desactivar las existentes.

El sistema que emplea ahora es completamente distinto; las aplicaciones creadas se deben alojar en sitios externos y ellos las muestran con un iframe; no es algo sencillo ya que se debe tener ese servidor externo donde alojar los archivos (Blogger no sirve para eso); se puede usar DropBox por ejemplo o algún otro gratuito.

No he creado ninguna entrada al respecto pero hace rato que vengo pensando en el asunto. Veremos si consigo armar algo y si eso te ayuda o te da una idea de hacia donde deberías apuntar o investigar. En general lo que he leído al respecto es muy pero muy confuso.

Creo que esta respuesta tampoco aclara mucho ¿verdad? :D

Eulalia  

Si consigo entender como hacerlo de coña, si no, le van a dar a la app. No es que me preocupe demasiado ;) ha tenido unos años de gloria, pero todo se acaba en esta vida, :)
Un abrazo.

JMiur  

Sí. A veces, mejor seguir de largo :-)

Responder
Antoxwoman  

Hola! :D

El plugin funciona perfecto en mi blog. A diferencia de los botones me gusta y el like box, este no permite escojer un color oscuro que era "Dark" y el claro "light"...

¿Sabes como se puede cambiar el color?

Responder
Antoxwoman  

Ó como puedo cambiar el color azul que la barra de recomendación tiene por defecto?

JMiur  

desconozco si eso es posible.

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