javascript - LIke button of facebook will not fire edge.create or edge.remove in web page - Stack Overflow

I have prefered given answer of stackoverflow question Like button will not fire edge.create or edge.re

I have prefered given answer of stackoverflow question

Like button will not fire edge.create or edge.remove .

But I am getting following error when see in developer tool console in crome browser

"Uncaught ReferenceError: FB is not defined fb.php:20

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains."

code is as follow

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<html xmlns:fb="">
 <body>
 <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/en_US/all.js#xfbml=1&appId=xxxxx";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

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

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

</script>
<div class="fb-like" data-href="/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

 </body>
</html>

How can resolve it please help me.

Thanking you.

I have prefered given answer of stackoverflow question

Like button will not fire edge.create or edge.remove .

But I am getting following error when see in developer tool console in crome browser

"Uncaught ReferenceError: FB is not defined fb.php:20

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains."

code is as follow

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<html xmlns:fb="http://ogp.me/ns/fb#">
 <body>
 <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/en_US/all.js#xfbml=1&appId=xxxxx";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

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

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

</script>
<div class="fb-like" data-href="https://developers.facebook./docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

 </body>
</html>

How can resolve it please help me.

Thanking you.

Share Improve this question edited May 23, 2017 at 11:59 CommunityBot 11 silver badge asked Apr 11, 2014 at 6:56 user2102502user2102502 4172 gold badges6 silver badges17 bronze badges 3
  • now i got my mistake . i have add the code FB.Event.subscribe('edge.create', function(response) { alert('You liked the URL: ' + response); } ); FB.Event.subscribe('edge.remove', function(response) { alert('You UNliked the URL: ' + response); } ); in click button , means load this code in delay now it perfect. – user2102502 Commented Apr 11, 2014 at 8:20
  • lol, Not really a good solution. Check out my answer – Sahil Mittal Commented Apr 11, 2014 at 8:23
  • Try this, it works for me, so do your adjustments stackoverflow./a/52509557/4681874 – Erich García Commented Sep 26, 2018 at 3:38
Add a ment  | 

2 Answers 2

Reset to default 6

You have not initialized the FB.init(), without which you can not make API calls-

window.fbAsyncInit = function() {
    FB.init({
      appId      : '510509449056378',
      status     : true,
      xfbml      : true
    });
    FB.Event.subscribe('edge.create',
       function(response) {
         alert('You liked the URL: ' + response);
       }
    );

    FB.Event.subscribe('edge.remove',
      function(response) {
         alert('You UNliked 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.src = "//connect.facebook/en_US/all.js#xfbml=1&appId=510509449056378";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<!DOCTYPE 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);
            });
            FB.Event.subscribe('edge.remove',function(response) {
                   alert('You UNliked 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/en_US/all.js#xfbml=1&appId={APP_ID}";
            fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
</script>

<!--Like BOX-->
<fb:like-box href="https://developers.facebook./docs/plugins/" colorscheme="light" show_faces="false" header="false" stream="false" show_border="false"></fb:like-box>

</body>
</html>

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1742374325a4431881.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信