Facebook“贊”按鈕根本不顯示

Question

編碼新手，如果這真的很基礎，請多多包涵！ 我正在嘗試向我的頁面添加FaceBook“喜歡”按鈕。 我完全按照他們在其說明網站上的描述復制了代碼。 我輸入了頁面詳細信息，所需的寬度（它適合在生成器中選擇的功能所建議的寬度），等等，然后將代碼復制/粘貼到html中。 我肯定錯過了什么。 他們的指令是將其粘貼到HTML中，最好是在<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-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

我刷新了頁面，在該插件應該放置的地方沒有任何痕跡。 不是點，不是線，不是錯誤消息，nada。 我想念什么？ 提前致謝！

Answer 1

它在您的本地計算機上不起作用，但開始在服務器上神奇地工作的原因是：

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

代碼前面的//表示瀏覽器應在加載腳本時使用所使用的協議...因此：

如果您正在運行http：//example.com，facebook將加載不安全的腳本；如果您使用的是https://example.com，則將從facebook上的安全服務器加載腳本...

現在，這就是發生魔術的地方...從本地文件加載時，瀏覽器將URL顯示為file:///C:/mysite因此瀏覽器會自動查找名為

file:///connect.facebook.net/....

那不存在，IT慘遭失敗

猜猜當您將其上傳到服務器時發生了什么？？？

我讓你想一想...

干杯...

Answer 2

您在哪種類型的網站上使用fb like按鈕（例如joomla或wordpress）進行cms，我認為最好的使用方法是http://sharethis.com/#sthash.OXTxyj48.dpbs很好的選擇，如果您喜歡，我也使用了很多次嘗試一下，轉到站點后，單擊“ 獲取共享工具”菜單，然后就可以使用它，並將代碼粘貼到站點中，

Answer 3

歡迎使用堆棧溢出。

腳本為什么不顯示“ like”按鈕可能會有一系列問題。 沒有輸出的html的url或副本，幾乎無法分辨。 如果您在本地網絡上工作並且丟失了Internet連接，例如，繁榮，沒有FB Like框。

在黑暗中拍攝-這是一個JavaScript錯誤。 javascript中的錯誤不會顯示在屏幕上。 取而代之的是，它們以幾乎無限的方式展現自己，從頁面加載后省略單個元素到加載白屏。

如果您使用的是Chrome或Firefox，則可以下載Web Developer擴展。 我建議使用Firefox的Firebug，或在Chrome中單擊鼠標右鍵和“檢查元素”（我認為這是Chrome附帶的，否則就是Web開發人員擴展）

無論使用哪種工具，所有錯誤都會在這些環境的控制台中輸出。

我們才剛剛開始。

如果聽起來工作太多，建議您在其他頁面上嘗試上述代碼，以查看要復制粘貼的頁面的html格式是否錯誤。 然后回到上面的建議。

或插件。

http://www.addthis.com/

Answer 4

我遇到了這個問題，然后將域URL添加到了Facebook開發人員工具中的應用程序設置中： https : //developers.facebook.com/apps/[app_id ]/settings/->設置->基本

Facebook“贊”按鈕根本不顯示

問題描述

4 個解決方案

解決方案1
5 2013-11-22 21:44:14

解決方案2
0 2012-12-10 06:58:45

解決方案3
0 已采納 2012-12-10 06:59:03

解決方案4
0 2017-03-27 23:11:43

Facebook“贊”按鈕根本不顯示

問題描述

4 個解決方案

解決方案1 5 2013-11-22 21:44:14

解決方案2 0 2012-12-10 06:58:45

解決方案3 0 已采納 2012-12-10 06:59:03

解決方案4 0 2017-03-27 23:11:43

解決方案1
5 2013-11-22 21:44:14

解決方案2
0 2012-12-10 06:58:45

解決方案3
0 已采納 2012-12-10 06:59:03

解決方案4
0 2017-03-27 23:11:43