Recibir respuesta cuando usuario hace click a un Like Button de Facebook

[Jodorem]

Saludos,

Tengo el código que ofrece Facebook para colocar el Like Button en mi sitio web.

Ahora bien... Quisiera saber como logro recibir una respuesta en caso de que el usuario hizo click al boton "me gusta" y que el proceso se haya completado exitosamente, es decir, que no solamente dio click a "me gusta" sino que también se haya publicado en el timeline del usuario que hizo dicha acción.

Supongo que tiene que ver algo con Javascript...

Quisiera conocer como recibir este tipo de respuesta, ya que quisiera habilitar opciones al usuario en caso de que le haya dado click al boton me gusta y que el mismo se haya publicado en su timeline.

Por ejemplo... "Haz click a Me Gusta para tener acceso a la Descarga"

Hasta que no se haya completado el proceso de darle "Me Gusta" (incluyendo la publicación en su timeline ó bien que se haya sumado +1 en el contador) no se habilitará la opción de descarga.

[maycolalvarez]

me temo que para obtener esa información tendrás que recurrir al API de Facebook

[Jodorem]

Me lo imagine... habra que estudiar la API de Facebook.

De todas maneras queda abierta la pregunta por si alguien ha hecho algo parecido y nos quiera compartir su código :)

[Dradi7]

Aca te pongo el link de donde vas a poder realizarlo en la documentacion esta todo

https://developers.facebook.com/docs...ent.subscribe/

Saludos

[Jodorem]

Gracias Dradi7,

Esta página la habia visto e hice algunas pruebas... pero no logro que funcione.

Quizá no he captado muy bien como utilizar ese código, donde colocarlo, qué necesito para que funcione.... en fin...

veamos... voy a colocar el código que da Facebook para estos Like Button (tomaré por ejemplo http://google.com para el contador de likes)

Código Javascript:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=374293735975654";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 

Código HTML:

<div class="fb-like" data-href="http://google.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
 

Con esto ya podemos mostrar el like button.

Según Facebook... para saber si alguien le dio click a "me gusta" se usuaria el siguiente código:

Código Javascript:

FB.Event.subscribe('edge.create',
    function(response) {
        alert('You liked the URL: ' + response);
    }
);
 

Obviamente estaria encerrado con su respectivo tag de <script type="text/javascript">

Bien... utilizando este mismo ejemplo... cuando le doy "me gusta", pues no funciona el alert() que deberia de ejecutarse.

Seguramente no estoy llamando a la fuente de algún ".js" de facebook, para que funcione pero no estoy seguro de cual será la ubicación y cómo colocarlo.

¿Alguna sugerencia?

[Dradi7]

En todo caso si estas trabajando con app del facebook va a ser necesario que uses esto

Código Javascript:

FB.init({
      appId  : 'sensored-app-id',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
 

Segundo trata de poner tu codigo del FB.Event dentro de esto

Código Javascript:

window.fbAsyncInit = function() {
};
 

[Jodorem]

Excelente Dradi7,

Haciendo solo caso a tu segundo punto, ha funcionado el alert() colocando el código como has dicho. Quedaria así (coloco el ejemplo completo):

Código HTML:

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=374293735975654";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<div class="fb-like" data-href="http://google.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
 
<script type="text/javascript">
window.fbAsyncInit = function() {
    FB.Event.subscribe('edge.create',
        function(response) {
            alert('You liked the URL: ' + response);
        }
    );
};
</script>
 

Hice la prueba incluso si no se se tiene la sesión inciada en Facebook. El alert() o mejor dicho... FB.Event.subscribe() se ejecutara cuando se haya completado el proceso (+1 al like).

Ahora solo me restaría sustituir el alert() con lo que deseo hacer.

Muchas gracias por tu ayuda Dradi7.

Saludos!