Facebook分享按鈕不會顯示
[英]Facebook share button does not show up
問題描述
我想添加一個非常基本的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>
在此先感謝您的幫助
6 個解決方案
解決方案1
7 2016-05-22 14:53:54
明顯的答案是愚蠢的。 代碼中包含的javascript是加載SDK javascript的內容。
我遇到的問題是我在沒有通過Web服務器的情況下查看html頁面。 換句話說，我使用的是file：//協議，並且在該協議下運行時，facebook SDK不起作用。 雖然它確實吸引了很多東西並影響了DOM，但Facebook分享按鈕卻沒有顯示出來。
將其設置為僅在localhost（在我的情況下，IIS）中運行真正的Web服務器，並且顯示按鈕。 希望這會對一些人有所幫助。
解決方案2
2 已采納
第一行告訴你添加你沒做過的sdk javascript。 做以下事情你應該好好去：
<script type="text/javascript" src="Location of SDK javascript"></script>
解決方案3
1 2016-08-05 19:07:48
解決方案4
0 2016-06-28 20:01:27
有時看到Facebook按鈕的這些問題是因為像Disconnect這樣的瀏覽器擴展阻止了與Facebook通信的腳本等，所以如果是這樣的話，請將您的網站列入白名單。
解決方案5
0 2016-08-19 13:36:48
除了如上所述將“sdk.js”更改為“all.js”之外，我還必須將“http：”添加到url，即：
代替：
js.src =“//connect.facebook.net/en_US/sdk.js#xfbml=1”;
采用：
js.src =“ http://connect.facebook.net/en_US/all.js#xfbml=1 ”;
祝好運
解決方案6
-1 2014-12-29 12:26:36
第1步：獲取Share按鈕將存在的域的Facebook App ID。 第2步：將Facebook JavaScript SDK添加到您的網頁。 第3步：添加代碼以在Web頁面上加載jQuery庫第4步：添加一些jQuery和fb.ui代碼以顯示“共享”對話框
像按鈕一樣的facebook沒有顯示
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.