FB共享按钮-不起作用-未调用Javascript

时间:2018-12-18 11:09:56

标签: javascript html facebook

我正在尝试使FB共享按钮正常工作,如此处http://www.fbrell.com/saved/2779dc018c325d85d650a3b723239650?fbclid=IwAR3TfNb3SqLFGHpp-C7UhKDRT1tbFhsfWi5oV1tbD90mAwIUxKMkSXjsBxk和此处https://developers.facebook.com/docs/sharing/reference/share-dialog所述 但是它不起作用,单击按钮时什么也没有发生。没有调用JS。有任何想法吗?干杯

<div id="shareBtn" class="btn btn-success clearfix">Share</div>

<script>
document.getElementById('shareBtn').onclick = function() {
  FB.ui({
  method: 'share',
  display: 'popup',
  href: 'https://developers.facebook.com/docs/',
  }, function(response){});
}
</script>

提琴: https://jsfiddle.net/2hnL5btf/

1 个答案:

答案 0 :(得分:1)

您需要初始化Facebook SDK:

  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));