Facebook edge.create event not firing on like box

Asked 12/9, 2011 at 15:40 Answered 4/5, 2014 at 23:32

I had a page with a simple Facebook like button and I needed to know when the user liked the page so I used the edge.create event to do this which all worked fine. I now need to add a like Box plugin to the page to like the client's facebook page and again I need to be notified when someone clicks the like button. However, the subscribe event never fires. Any idea what might be the problem? I am using the xfbml code to add the like box.

Loss answered 12/9, 2011 at 15:40 Comment(1)

Can you post the code you're using to test this? – Schwenk 23/1, 2012 at 22:43

It appears to be a bug. Here's a link to official credible sources:

http://developers.facebook.com/bugs/310763168934515

And my jsFiddle here to demonstrate: http://jsfiddle.net/dmcs/3D2GD/1/

EDIT

I've found the solution!

First I put my code onto my own domain rather than jsFiddle to do better testing, however my first try failed as if the code was still on jsFiddle. So I troubleshot the situation further.

Then for the app setting I specified I went in and specified the WebSite url on https://developers.facebook.com/apps/{APP_ID}/summary

Here's my code

<html>
<head>
    <title>Like Box example</title>
</head>

<body>

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
    FB.init({
        appId: '{APP_ID}'
    });
    FB.Event.subscribe('edge.create', function(response) {
        alert('You liked the URL: ' + response);
    });
};

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id; //js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={APP_ID}";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));


</script>

<div class="fb-like-box" data-href="http://www.facebook.com/Cocacola" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

</body>
</html>

Achromat answered 24/1, 2012 at 11:17 Comment(2)

Aha! Found something!!! First I put my code onto my own domain rather than jsFiddle. Then for the app I specified I went in and specified the WebSite url. I did not need to specify neither: channelUrl: nor js.async = true;. I've edited my answer above to reflect this solution. – Achromat 26/1, 2012 at 12:25

This didn't fix it for me. It seems to work sometimes: developers.facebook.com/bugs/378710432185222 – Mistress 24/6, 2013 at 21:34

just need to replace code:

<div class="fb-like-box" data-href="http://www.facebook.com/jsfiddle" 
data-width="292" data-show-faces="true" data-stream="false" data-header="true">

with this one :

<fb:like-box href="http://www.facebook.com/jsfiddle" 
colorscheme="light" show_faces="false" header="false" stream="false" 
show_border="false"></fb:like-box>

and it works ok.

Mooneye answered 4/5, 2014 at 23:32 Comment(1)

It worked for me, but LikeBox plugin is now deprecated by FB. – Insecurity 19/5, 2015 at 10:32

Recommended topics

Hot tags