Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Capturing the click event of a Like button

I'm trying to subscribe to the Like button click. Here's the code I have:

<body>

<!-- Facebook Like Button with your App ID  -->
<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/en_US/all.js#xfbml=1&appId=349467237487892";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

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

The Like button appears and works ok but I don't get the alert when it's clicked. Does anyone see the problem?

Thanks for your help.

like image 401
Steve Avatar asked Feb 22 '23 19:02

Steve


2 Answers

You need to attach the event after the JS SDK has had a chance to load. Use fbAsyncInit to do this.

window.fbAsyncInit = function() {

  FB.Event.subscribe('edge.create', function(response) {
       alert('You liked the URL: ' + response);
  });
};
like image 83
DMCS Avatar answered Feb 24 '23 08:02

DMCS


As far as I can tell from the api you need to subscribe to the edge.create event - example from api documentation.

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

You can read more about FB event subscription here.

like image 29
CBusBus Avatar answered Feb 24 '23 10:02

CBusBus