sábado, 20 de julio de 2013

Aprende a publicar contenido de una web y añadir un comentario en Facebook con la API de Facebook javascript


Hoy les enseño como publicar contenido de una web y añadir un comentario a la publicación esto es ideal para los webmaster que necesitan aumentar el trafico en sus sitios con la ayuda de facebook, en la publicación anterior que sugiero leerpublicar y borrar estados para entender el funcionamiento del método post en esa publicación vimos como otorgar los permisos y publicar un simple comentario y como borrarlo.

El métodoPost que nos proporciona la API tiene 28 parámetros que podemos utilizar para las publicaciones ,las cuales ahora solo necesitamos las siguientes:

message: el mensaje o comentario.
picture: la imagen(URL) de la publicación del sitio web.
icon: el icono(URL) que representa la publicación puede ser el logo del APP del webmaster.
link: la URL de la publicación que se hizo en el sitio web.
name: el nombre o titulo de la publicación del sitio web.
description: un resumen del contenido de la publicación.

Otorgando permisos
para este ejemplo solo necesitamos dospermisos los cuales son:

publish_stream: permite publicar contenido en el muro del usuario.
read_stream: permite leer las ultimas publicaciones en el muro del usuario.

Utilizando la API.
primero necesitamos crear el login y añadir los permisos para cuando el usuario realice sesión , una vez que la sesión sea exitosa y haya aceptado los permisos del APP , automáticamente se hará una publicación en el muro del usuario,

function login(){ FB.login(function(response) { if (response.status == 'connected') { publicar(); console.log('login exito'); } else { alert('Debes de Iniciar sesión,si no podras tener acceso'); } },{'scope': 'publish_stream,read_stream'}); }

Crear la Function Publicar
ya entendido que hace los parámetros que vamos a necesitar para publicar cualquier contenido en el muro del usuario creamos la function publicar llamando al API y añadiendo el metodo POST a el feed del usuario es decir le hago saber ala API que me otorgue acceso para publicar en el muro del usuario/me/feed (muro del usuario) ,post(publicacion).

function publicar(){ FB.api('/me/feed', 'post', { message: 'Geniaaal..!! ya puedo publicar con la API DE FACEBOOK ooohh SIIᕙ(`▽´)ᕗ,!', picture :'https://lh5.googleusercontent.com/-lEKhKIIiobo/UeqlGLHT0xI/AAAAAAAABP8/5FMS0IY3Ghk/s128-no/ima_128.png', icon:'http://lh5.googleusercontent.com/-YpHyKKZjhr0/UeqlPyqAImI/AAAAAAAABQY/a65TrOZrLQI/s16-no/ima_16.png', link : 'http://www.javaface-elblogdelprogramador.com/', name : 'JavaFace-elblogdelprogramador: aprende usar la api de facebook', description : 'Aprende como usar la API de facebook y sincroniza tu web con facebook!!' }, function(response) { if (!response || response.error) { console.log('ERROR AL PUBLICAR'); } else { console.log('publicado con exito'); comentar(response.id); } }); }
como podrá también tenemos una function que nos retorna una respuesta el response con esta variable de retorno sabremos si la publicación fue exitosa o no,también podemos llamar a cualquier parámetro que necesitemos en este caso necesito el ID del comentario o publicación que se acaba hacer con el fin de añadir un comentario.

Como publicar un comentario en lapublicaciónrealizada
para añadir un comentario en el publicación yo necesito saber el ID de esta publicación de esa manera el ID se lo daré al métodocomments es por eso que otorgamos el permiso deread_stream para poder leer las ultimas publicaciones .

function comentar(ID) { FB.api('/'+ID+'/comments', 'POST', { message:"esta aplicacion esta buenisima ;) " }, function(response) { if (response && !response.error && response.id) { console.log('Nuevo Comentario id = '+response.id); } }); }
aqui tengo una function que recibe un valor que seria el ID de la publicación el métodocomments recibe este ID y por medio del parámetromessage añadiremos cualquier mensaje que necesitemos añadir en la publicación, y eso es todo en la siguiente publicación enseñare a como dar un like o un me gusta a cada comentario o publicación realizada les dejo el codigo fuente de los ejemplos explicados .



DESCARGAR



,

No hay comentarios:

Publicar un comentario