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

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…)

6 comentarios sobre “FBJS: Cómo instanciar el SDK en una web externa a Facebook

  • el 25 Agosto, 2010 a las 11:28 pm
    Permalink

    Que tal amigo, tengo una duda, yo tengo un servidor en jimdo mi pagina es campeonatosfv1.jimdo.com mi duda es, como puedo poner el XFBML de comentarios de facebook???

    Respuesta
  • el 4 Septiembre, 2010 a las 10:23 am
    Permalink

    Ola Nery°N al parecer tienes que utlizar la misma etiqueta que anteriormente era… este es para ver las actualizaciones de los muros de los “amigos”

    o que te sirve para crear como un BLOG de algun tema, que tambien es publicado en el muro

    Un Saludo

    Respuesta
  • el 13 Septiembre, 2010 a las 2:43 pm
    Permalink

    Copie tu código en mi aplicación y me sale FBML Error (line 47): unknown tag “fb:like” y mi aplicación no es iframe.

    ¿Qué será?
    Saludos,

    Respuesta
  • el 13 Septiembre, 2010 a las 7:44 pm
    Permalink

    En Chrome y en Safari funciona. Falla en Firefox 3.6.9 y en Internet Explorer 8.

    En su día me funcionó en todos los navegadores. Voy a ver que pasa.

    Respuesta
  • el 13 Septiembre, 2010 a las 8:05 pm
    Permalink

    Para que el código funcione en Firefox y en Internet Explorer hay que tener la página web bien creada con HTML, HEAD y BODY.

    He cambiado el fichero del ejemplo para que ahora funcione en todos los navegadores.

    Espero que te sirva de ayuda, Lorenzo.

    Respuesta
  • el 20 Marzo, 2011 a las 3:01 am
    Permalink

    Existe algún plugin o aplicación de Facebook para etiquetar fotos en una pagina web externa?

    Respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Sígueme