Publicado el 13 Mar 2011

El pasado 11 de Marzo facebook "depreco" oficilamente el fbml en las pestañas de las Fan Pages. Esto quiere decir que ya no es posible instalar la aplicación "FBML" en nuestras pestañas. A partir de ahora es necesario hospedar nuestra propia aplicación de facebook para servir un iframe que se renderiza en las pestañas.

Esto proceso es un poco largo y sobre todo pesado para aquellas empresas o agencias que tienen que crear muchas pestañas todos los días. Por este problema, hace pocos días lanzamos Cool Tabs, la alternativa al fbml (con plan gratuito por supuesto).

Con Cool Tabs podrás generar en 1 minuto tu pestaña y publicarla en cualquiera de tus páginas. Nosotros nos encargamos de hospedar y servir tus pestañas para que no tengas que preocuparte de nada.

Por ahora hemos salido con la funcionalidad básica: Se pueden crear una o varias pestañas para una misma página de facebook o para páginas diferentes. En cada pestaña puedes poner dos tipos de contenido: el contenido que verán aquellas personas que sean fan de la aplicación y el contenido que verán los usuarios que no hayan hecho "like" en tu fan page. Además te dejamos poner tu código de analytics para que tengas a tu disposición todas las métricas de tus pestaña.

Una vez que has creado tu pestaña, podrás previsualizarla para que veas como va a quedar antes de publicarla en una página. Así podrás tener tus pestañas en modo "borrador" antes de ser publicadas. El proceso de publicación es bastante sencillo: simplemente eliges de entre todas tus páginas dónde las quieres instalar, te redirigimos a facebook para que confirmes la instalación y vuelves a nuestra página para seguir creando pestañas :).

Seguimos preparando nuevas funcionalidades que pronto estarán listas: Widgets para que sin saber nada de html ni css puedas crear tus pestañas, Social Widgets de Facebook (comentarios en tus pestañas, etc..) y muchas más.

Por ahora hemos salido en beta cerrada, por lo que sólo es posible acceder por invitación, pero puedes pedirnos una sin problema que te daremos acceso.

Todavía estamos preparando los planes de precios, pero podemos adelantar que siempre vamos a tener un plan totalmente gratuito para Fan pages que no tengan un gran número de fans :).

Para estar al día de todas las noticias puedes seguirnos en twitter o hacerte fan en nuestra página de facebook.

Espero que la disfrutéis y cualquier sugerencia, duda o idea es siempre bienvenida. Puedes contactarnos aqui.

Publicado el 10 Aug 2010

Ahora es posible usar marcado fbml dentro de una aplicación de facebook basada en iframes. Pero no es posible usar toda la colección de tags disponibles, sino una lista reducida conocida como Xfbml.

Para hacer uso en nuestra aplicación de estos tags, debemos inicializar la librería de javascript de facebook de la siguiente manera:

 <script type=”text/javascript”>  
    FB_RequireFeatures(["xfbml"], function(){  
        FB.facebook.init("YOUR APIKEY", "xd_receiver.htm");  
 });  
 </script>

y en cualquiera de nuestras vistas podriamos usar código fbml de la siguiente manera directamente:

Hola soy <fb:name uid="<%= facebook_session.user.id %>" useyou=’false’> </fb:name>
Y mi avatar es:  <fb:profile-pic uid="<%= facebook_session.user.id %>" > </fb:profice-pic>
    

    

y en principio con esto valdría... pero como muchas veces pasa con facebook, esto no funciona. Para conseguir hacer funcionar el marcado, es necesario hacer un pequeño truco: en la configuración de nuestra aplicación a través de la aplicación "Developer" necesitamos que, aunque nuestra aplicación esté dentro de facebook y no sea una aplicación "connect" (es decir, que no es una aplicación que usemos para iniciar sesión a través de facebook en una web externa), configurar el parámetro Connect Url de la sección Connect con la misma url que estamos usando en Canvas Callback URL.

Un poco extraño todo esto, la única explicación un poco razonable que se puede encontrar a éste pequeño requisito, es que todo el desarrollo del Xfbml se implementó de la mano de la api para facebook connect, para poder pintar los "Social Widget" de facebook (que son marcado xfbml) en cualquier web fuera de facebook y esa feature es la que estamos usando aqui para poder pintar fbml dentro de nuestro iframe, pues al fin y al cabo, nuestro querido iframe es una web externa a facebook.