jueves, 25 de julio de 2013

Compartir(Share Dialog ) contenido de una web por el usuario y añadir un comentario y un like a cada uno con la API de Facebook js

Damian 7/25/2013

ya hemos visto comopublicar contenido de una web y añadir un comentario y un like o gusto a cada uno,pero también exista otra forma de compartir contenido esto ya lo hace el usuario si le ha gustado un determinado articulo y desea compartirlo en su muro esto se lo hace con unShare Dialog que es solo una ventana modal con un contenido y un área de texto donde el usuario podrá colocar el mensaje que el desee.

Pero como llamo o utilizo el Share Dialog?

asta ahora hemos usado el API de Facebook en si FB.api pero también podemos hacer uso de la UI del SDK de Facebook la UI nos sirve para llamar métodos genéricos o cuadros de diálogos los cuales facebook nos proporciona los siguientes:

Feed Dialog: permite al usuario compartir o crear una noticia en su muro.
OAuth Dialog:permite al usuario autorizar una aplicación como parte de un flujo de autenticación.
Add Page Tab Dialog : permite al usuario añadir una aplicación a una página de Facebook que se administra.
Friends Dialog:permite a un usuario enviar una solicitud de amistad a otro usuario.
Pay Dialog:permite a un usuario realizar una compra a través de Facebook Credits.
Requests Dialog:permite a un usuario enviar una solicitud para uno o más de sus amigos.
Send Dialog:permite al usuario enviar un mensaje de Facebook a uno o varios de sus amigos.

de todos estos vamos a utilizar elFeed Dialog este modal nos permite añadir de igual forma contenido con los parámetros correspondientes utilizando elmetodo Feed.

Parámetros que vamos a utilizar:

name:el titulo que hace referencia el articulo
link: el vinculo o URL del articulo
picture: URL de la imagen que corresponde al articulo
caption: una pequeña descripción o resumen del articulo.

function compartir() { FB.ui( { method: 'feed', name: 'JavaFace-elblogdelprogramador: aprende usar la api de facebook', link: 'http://www.javaface-elblogdelprogramador.com/', picture: 'https://lh5.googleusercontent.com/-lEKhKIIiobo/UeqlGLHT0xI/AAAAAAAABP8/5FMS0IY3Ghk/s128-no/ima_128.png', caption: 'Aprende como usar la API de facebook y sincroniza tu web con facebook!!' }, function( response ) { if (!response || response.error){ console.log('error al compartir'); } else { creaLike(response.post_id); comentar(response.post_id); alert('Gracias por compartilo tu haces que otros tambien aprendan :)'); } }); }

También podemos hacer uso de los métodos/comments y/likes para añadir comentario y likes solo tenemos que indicar el ID de la publicación con el parámetropost_id , es decir utilizando elresponse.post_id, nos retornara el ID de la publicacion.

les dejo el código completo mas los códigos de comentario y like.

DESCARGAR