Facebook的按鈕沒有出現在我的頁面上，我做錯了什麼？

我正在建設一個網站，我希望能夠「喜歡」它使用Facebook。我看了一眼自己的SDK，它似乎相當直截了當......Facebook的按鈕沒有出現在我的頁面上，我做錯了什麼？

我「製造」這樣的：

<html> 
    <head> 
    </head> 

    <body> 
     <h1>Testing the Facebook like button</h1> 
     <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_GB/all.js#xfbml=1&appId=177127339057410"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk'));</script> 

     <div class="fb-like" data-href="http://yannbane.blogspot.com/" data-send="false" data-width="450" data-show-faces="true"></div> 
    </body> 
</html>

我保存爲「index.html的」我的電腦上。現在，當我嘗試打開它時，它只顯示「測試Facebook像按鈕」標題，並繼續加載，並沒有真正發生。怎麼來的？我當然不會試圖「喜歡」index.html，但我的博客（http://yannbane.blogspot.com/），所以我認爲應該沒有問題，在本地打開它...

來源

2012-02-09 corazza

我沒有使用過這個API，但應該js.src =「//connect.facebook.net在協議開始之前」//「？（像http：//）？ – Tim 2012-02-09 14:25:59

在你的頭，你需要有opengraph信息，Facebook要求它出現類似的按鈕。

meta標籤應該是這樣的

元屬性= 「OG：標籤名」 CONTENT = 「變量值」

所需的信息是

-og：標題
-og：鍵入
-og：圖像
-og：URL
-og：SITE_NAME
-fb：管理員

你可以在這裏閱讀更多https://developers.facebook.com/docs/reference/plugins/like/

來源

2012-02-09 14:12:55 JimmyBanks

每個人似乎都錯過了「第2步」：P – Lix 2012-02-09 14:18:58

哦，是的，我想知道如果這一步是必要的......哈！ – corazza 2012-02-09 14:21:06

我還需要包含JavaScript SDK？那麼，我關心頻道文件......你能告訴我：如果可以像按鈕一樣在本地Web文檔上工作嗎？ – corazza 2012-02-09 14:57:47

Facebook的按鈕沒有出現在我的頁面上，我做錯了什麼？

回答

相關問題