Facebook分享按鈕不會顯示出來

我想補充一個非常基本的Facebook的分享按鈕，因爲它是這裏建議：Facebook分享按鈕不會顯示出來

https://developers.facebook.com/docs/plugins/share-button?locale=fr_FR

問題是按鈕不能簡單地表現出來，沒有JavaScript或網絡錯誤。

任何人都可以說我做錯了什麼？

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<title>titre</title> 
</head> 
<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.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div> 


</body> 
</html>

在此先感謝您的幫助

來源

2014-12-29 Arn a

第一行告訴你增加你還沒有完成的SDK的JavaScript。做以下事情，你應該很好走：

<script type="text/javascript" src="Location of SDK javascript"></script>

來源

2014-12-29 12:22:03

謝謝你，我很愚蠢的忘記了這一點。 –

我會在4分鐘內完成;） –

@阿爾納非常感謝:) –

-1

第1步：獲取分享按鈕將生活的域的Facebook應用程序ID。第2步：將Facebook JavaScript SDK添加到您的網頁中。步驟3：添加代碼以在您的網頁上加載jQuery庫步驟4：添加一些jQuery和fb.ui代碼以顯示共享對話框

來源

2014-12-29 12:26:36 user3111011

標記的答案很愚蠢。包含在代碼中的JavaScript是加載SDK的JavaScript。

我面臨的問題是我在瀏覽html頁面時未經過web服務器。換句話說，我使用file：//協議，並且在該協議下運行時，facebook SDK不起作用。儘管它確實吸引了很多東西並影響了DOM，但Facebook分享按鈕並未顯示出來。

設置它在本地主機上運行一個真正的Web服務器（在我的情況下，IIS），並且看到按鈕顯示出來。希望這會幫助一些人。

來源

2016-05-22 14:53:54

有時，看到Facebook按鈕時出現這些問題是因爲像斷開連接這樣的瀏覽器擴展阻止了與Facebook等進行通信的腳本，所以如果是這樣的話，請將您的網站列入白名單。

來源

2016-06-28 20:01:27 ejectamenta

對我來說，它是阻止按鈕顯示的大小屬性。

只需添加

data-size="large"

到按鈕的div標籤，它顯示。

順便說一句，基於documentation，沒有中等規模可用。

來源

2016-08-05 19:07:48

我不得不添加的「http：」除了網址不斷變化的「sdk.js」到「all.js」按照以上建議，即：

相反的：

js.src = 「//connect.facebook.net/en_US/sdk.js#xfbml=1」;

用途：

js.src = 「http://connect.facebook.net/en_US/all.js#xfbml=1」;

好運

來源

2016-08-19 13:36:48 Nick

Facebook分享按鈕不會顯示出來

回答

相關問題