2014-03-04 51 views
0

我想讓Facebook分享按鈕工作。我直接從開發人員的頁面https://developers.facebook.com/docs/plugins/share-button/複製了代碼。事情是它不顯示在HTML表單上。你如何獲得Facebook的分享按鈕在HTML中工作?

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta http-equiv="Content-Language" content="zh-tw"> 
<title>Newsletter</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/zh_TW/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

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

</body> 
</html> 

我想知道如何讓按鈕工作。我不確定我是否有html5。

+0

您需要在文件的開頭包含JavaScript SDK。查看您分享的鏈接。 –

+0

它說要在標籤後發佈。我在JavaScript SDK頁面上嘗試了帶有應用程序ID的代碼,該按鈕仍然不顯示。 – user1352777

+0

順便說一下,「分享」按鈕現在已被棄用,Facebook現在主張使用類似按鈕。 –

回答

0

如果服務器運行該腳本,該腳本將起作用。例如,如果我將以上放在Linux中/ var/www中的腳本放在Firefox中,並從Firefox Web瀏覽器中打開它,那麼它就可以工作。如果我只是從/ home /打開文件,那麼它將無法工作。我再也找不到解答我的問題的鏈接。下次我找到答案時,我一定會包含一個鏈接。

0

更改如下:

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

js.src = "http://connect.facebook.net/zh_TW/all.js#xfbml=1"; 

或者使用https如果這是你使用的是什麼。

+0

我在另一個stackoverflow文章中找到了答案,我不得不將文件上傳到服務器以使其工作,感謝您的評論。 – user1352777

+0

您可以請發佈正確的答案或鏈接到解決您的問題的stackoverflow帖子? –