2012-04-16 109 views
3

我想在網頁上添加Facebook像按鈕一樣。我採用了https://developers.facebook.com/docs/reference/plugins/like/的確切代碼,但仍然沒有顯示類似按鈕。我嘗試了所有三個版本的HTML5,XFBML和IFRAME,但都沒有工作。我試圖運行在Chrome瀏覽器中的代碼,甚至是Internet Explorer,但它在任何工作。我沒有任何Facebook斷開連接擴展等安裝在我的瀏覽器。請告訴我有什麼錯我在做......Facebook的按鈕不顯示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns:fb="http://ogp.me/ns/fb#"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</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&appId=***appId***"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk'));</script> 
    <div class="fb-like" data-href="http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-colorscheme="dark" data-font="verdana"></div> 
</body> 
</html> 

㈣把我的appid在適當的地方...

這個確切的代碼工作完全在這裏...... http://jsfiddle.net/dmcs/HS5Lp/1/ ...... 而不當我在我的瀏覽器上運行它..它給出了一個錯誤...... - >未能加載資源:文件://connect.facebook.net/en_US/all.js#xfbml=1 &的appid = 113830492072210

我不知道爲什麼會發生這種情況...請幫助,如果你知道它..

+0

檢查basics..are出現在頁面上的JavaScript錯誤? – sethcall 2012-04-16 18:26:59

+0

我的javascript給了一個錯誤: - 無法加載資源:文件://connect.facebook.net/en_US/all.js#xfbml=1&appId=「theappid」..我不知道爲什麼它給這個錯誤coz我的appId是正確的 – Vikram 2012-04-16 18:59:16

回答

2

維克拉姆,

我看到你的問題是什麼。儘管你不會在你的腳本調用和下面寫的腳本之間找到很多區別。但是,這將有希望爲你帶來改變並解決你的錯誤。

<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=***appId***"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

只需在上面的腳本中放入您的App_Id即可。

歡呼聲中,拉胡爾

+0

非常感謝。..它充當了魅力。你能告訴我問題是什麼......謝謝你.. \ – Vikram 2012-04-17 11:33:58

0

你可以在這裏看到它完美的作品。

http://jsfiddle.net/dmcs/HS5Lp/1/

也許你的頁面,類似按鈕將會是不是你想的那麼幹淨。查看瀏覽器的JavaScript控制檯,查看是否有任何錯誤消息在JavaScript中添加一些日誌記錄以確保它正在運行。

我也檢查了這個網站:http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi之類的按鈕在那裏工作得很好。

你有沒有工作的代碼的鏈接?

您可以在頁面上修改幾件事。請參閱從棉短絨工具這裏的結果:http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Flive2.cricbuzz.com%2Flive%2Fscorecard%2F11200%2FMumbai-v-Delhi

+0

我的JavaScript給了一個錯誤: - 無法加載資源:文件://connect.facebook.net/en_US/all.js#xfbml=1&appId=「theappid」..我不知道它爲什麼給這個錯誤因爲我的appId是正確的 – Vikram 2012-04-16 18:57:35

+0

看看jsfiddle的例子。該應用程序ID不會得到它周圍的報價。 – DMCS 2012-04-16 19:04:06

+0

有沒有引號..我剛剛在這裏只是爲了differenciate .. – Vikram 2012-04-16 19:12:35