Desarrollo: Compartir contenido con el Javascript SDK

Cómo todos sabéis Facebook es a día de hoy la red social más importante del mundo, y no conformándose con ello pretenden expandirse por toda la web.

Una de las herramientas que han desarrollado para conseguirlo es el SDK de Javascript. Un SDK no es más que un kit de desarrollo de software creado para ponernos las cosas fáciles a los desarrolladores, en este caso para integrar Facebook en cualquier web.

Una de las funcionalidades más interesantes que permite el SDK consiste en la posibilidad de crear botones y enlaces para compartir contenido en nuestro muro de Facebook.  Al crear estos botones/enlaces desde javascript podemos controlar todo el flujo de su uso para ejecutar código en consecuencia.

El método a utilizar es FB.ui(share).

El esquema a seguir es el siguiente:

  1. Creamos una página html con sus correspondientes etiquetas bien formadas: html, head, body y title.
  2. Creamos la capa fb-root
  3. Cargamos y conectamos con Facebook el SDK (recordad poner el identificador de la aplicación)
  4. Metemos el método FB.ui(share)
  5. Creamos un enlace o botón que llame a la función de compartir.
<html>
	<head>
		<title>Prueba de compartir</title>
	</head>
	<body>
		<div id="fb-root"></div>
		<script>
			window.fbAsyncInit = function() {
				FB.init({appId: 'IDENTIFICADOR-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);
			}());

            function share(){
                var share = {
                    method: 'stream.share',
                    u: 'http://www.gabrielcuesta.com'
                };
                FB.ui(share, function(response) {
					alert("Proceso terminado");
				});
            }

		</script>

		<a href="#" onclick="share();">Compartir web</a>
	</body>
</html>

Os pongo aquí para descargar un fichero de ejemplo.

6 comentarios sobre “Desarrollo: Compartir contenido con el Javascript SDK

  • el 6 Noviembre, 2010 a las 8:29 pm
    Permalink

    Tienes razón, tenía un fallo en el identificador de la aplicación, una comilla simple de más.

    Un saludo y gracias por el aviso, dorian06.

    Respuesta
  • el 3 Febrero, 2011 a las 1:27 pm
    Permalink

    Hola.

    Estoy probando tu ejemplo y funciona genial pero me gustaría poder poner mí propia imagen, mensaje, etc. ¿cómo puedo hacerlo? ¿más parámetros en el objeto share? he probado muchas alternativas pero no se si me la esta jugando el cache del facebook.

    Gracias,

    un saludo

    Respuesta
  • el 14 Junio, 2011 a las 3:16 pm
    Permalink

    A mi también me interesa personalizar el contenido que se va a compartir en función del enlace en que se clique, cómo podría hacerlo? Gracias.

    Respuesta

Deja un comentario

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

Sígueme