自定義Facebook共享按鈕不起作用

Question

有人可以解釋為什么我的自定義Facebook分享按鈕不起作用嗎？ 每當我單擊按鈕時，共享窗口就不會顯示。 我已經在實際的Web服務器上嘗試將其作為html文件使用，並且已經閱讀了Facebook文檔中有關“共享”按鈕的所有內容。

當使用facebook提供的相同代碼時，它確實起作用。

我確實會在單擊按鈕時收到此錯誤 。

這是我的代碼。 （沒有CSS，因為它還有更多，如果需要，我可以添加它。）

<script type="text/javascript" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1"></script>

<div class="page-header">
  <h1>Share Dialog</h1>
</div>
<p>Click the button below to trigger a Share Dialog</p>
<button class="fill" id="fb-share-button">Share on Facebook</button>

<script>
document.getElementById('fb-share-button').onclick = function() {
  FB.ui({
    method: 'share',
    display: 'popup',
    href: 'https://nureinberg.de',
  }, function(response){});
}
</script>

Answer 1

您需要初始化FB SDK，

這包括FB.init函數，並具有<div id="fb-root"></div>元素。

簽出這支筆-當然可以，減去App​​ ID即可，但是彈出部分有效：

https://codepen.io/xhynk/pen/MVKerM

我還將版本ID添加到了sdk.js腳本（ https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7 ）

Answer 2

嘗試將版本和App ID添加到JS SDK源：

https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId=<your-app-id>

雖然，我建議使用異步方式來加載JS SDK： https : //developers.facebook.com/docs/javascript/quickstart

如果您不想創建一個應用程序，請使用帶有標准錨標記的sharer.php：

https://www.facebook.com/sharer/sharer.php?u=<encoded-url>

Answer 3

感謝您的所有答復。 現在，它可以與以下代碼一起使用。

我還為此創建了一個代碼筆 。

window.fbAsyncInit = function() {
  FB.init({
    appId      : 'your-app-id',
    cookie     : true,
    xfbml      : true,
    version    : 'v2.7'
  });

  FB.AppEvents.logPageView();

};

document.getElementById('fb-share-button').onclick = function() {
  FB.ui({
    method: 'share',
    display: 'popup',
    href: window.location.href,
  }, function(response){});
}