FBJS: Cómo instanciar el SDK en una web externa a Facebook

By
Gabriel Cuesta Arza
– 23 agosto 2010Posted in: FBJS

En el pasado F8 Facebook lanzó su nuevo SDK de Javascript para Facebook, este SDK nos permite entre otras cosas utilizar XFBML en una web. Voy a explicaros a continuación como utilizarlo con un sencillo ejemplo con el fichero ejemplo.html.

  • En primer lugar tenemos que dar de alta nuestra aplicación en el área de desarrolladores de Facebook.
  • En segundo lugar tenemos que copiar el id de la aplicación del área de desarrolladores.
  • Debemos dar de alta la url global del sitio (no hace falta indicar ficheros) en Configuración > Web Site.
  • Editamos ejemplo.html y le añadimos el siguiente código entre las etiquetas de body:

<script>
window.fbAsyncInit = function() {
FB.init({appId: ‘Número identificador de la aplicación”, 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>

  • Le añadimos una etiqueta de XFBML de prueba:

<fb:like href=”http://www.videojuegosparachicas.com” layout=”button_count” font=”trebuchet ms”></fb:like>

  • Subimos el fichero al servidor y lo probamos :)

Descargar fichero de ejemplo (Haz click con el botón derecho y luego click en Guardar cómo…)

Tags: , , ,

About Gabriel Cuesta Arza

Gabriel Cuesta Arza es programador de aplicaciones para Facebook, programador de juegos en Flash y desarrollador web Front End y Back End. LLeva profesionalmente en Internet desde el año 1997 cuando creó su primera página web en el mítico Geocities. En la actualidad trabaja como Director de Desarrollo en The App Art, empresa de la que es cofundador.