Social Media - Pedro Ventura

Integrar un formulario donde un usuario puede conectarse a facebook y seleccionar sus amigos y contactos para enviarles una invitacion de tu página web o blog puede ser una herramienta muy viral. Esto es algo que se utiliza desde hace un tiempo, y para ello se usa la API FBML de Facebook, que tambien se combina con el Javascript SDK que es la Graph API y herramientas de javascript para gestionar eventos y acciones con Facebook. Bueno pues para crear nuestro bonito formulario de invitaciones mediante facebook integrado en nuestra página web externa tendremos que seguir los siguientes pasos: Ojo antes de nada tendréis que tener vuestra aplicación registrada desde http://www.facebook.com/developers/ para poder tener vuestro id de aplicación y poder realizar los siguientes pasos. 1.- El metatag en la cabecera. Hay que incluir el tag xmlns:fb"http://www.facebook.com/2008/fbml" dentro de la etiqueta html de la cabecera. Quedando de la siguiente manera: 2.- El xd_reciver.html o Cross Domain Receiver, que es un archivo que tiene que ser guardado en nuestro servidor. Permite a Facebook guardar una cookie a la que tenemos acceso y básicamente una pieza que hace funcionar la API de Facebook. Descarga el archivo xd_receiver.html Descarga el archivo y guárdalo en la raíz de tu desarrollo. 3.- Boton para logear Esto se puede sacar de facebook social plugins. Es un simple boton de logeo, no haría falta tener el xd_receiver.htm para que pueda funcionar este social plugin, ya que funciona con el Javascript SDK. También se pueden usar otro tipo de argumentos en la etiqueta del boton para conseguir diferentes efectos. El siguiente botón tiene otro aspecto, y recarga la página una vez se haya logeado el usuario. 4.- El formulario para presentar todos tus contactos Este formulario se puede configurar siguiendo una serie de patrones y la documentación oficial http://developers.facebook.com/docs/reference/fbml/request-form Este formulario es el que se puede usar para apps internas en facebook quitando las dos primeras etiquetas así como las dos últimas de cierres: 5.- y por último el script que lanza la llamada a la API con nuestras credenciales y convierte las etiquetas en iframes con la información que estamos solicitando. Puedes ver un ejemplo del desarrollo de este post en la siguiente url: Formulario Invitar contactos de facebook/