Attach a click() event to the FaceBook 'Like' button?

Question

I\'d like to do something on the page when a user clicks \'Like\'.

I thought something simple like the following would work:

Answer 1

One can detect 'like' and 'unlike' event of facebook like button using edge.create and edge.remove respectively.

Answer 2

Facebook API doesn't allows you to subscribe to the like clicking event, but it allows you to subscribe to the like happening event (fired when the like action is completed):

FB.Event.subscribe('edge.create', function(response) {
  // like clicked
});

see here.

Answer 3

<script type="text/javascript">
    $(document).ready(function () {

        $('.connect_widget_like_button clearfix like_button_no_like').live('click', function () {
            alert('clicked');
        });
    });
</script>

Answer 4

Make a PHP (or whatever language you use) script to CURL the source from http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.MySite.Com... blahblahblah

Put the source from facebook into your html page, you can then you can do whatever you like in JavaScript/jQuery with the code from Facebook.

Some examples for CURL within PHP - http://www.php.net/manual/en/curl.examples.php

Answer 5

You cannot use JavaScript to access elements within an iframe that does not belong to the current URL, as I guess the domain you're using is not facebook.com you won't be able to attach an event to the like button in this way.