2012-04-16 17 views
3

私はウェブページにボタンのようなfacebookを追加しようとしています。私はhttps://developers.facebook.com/docs/reference/plugins/like/から正確なコードを取ったが、依然としてボタンのように表示されていない。私はHTML5、XFBML、IFRAMEの3つのバージョンを試しましたが、どれもうまくいきませんでした。私はchrome firefoxと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> 

IVが適切な場所で私のAppIDを入れて...間違って私がやっている何 http://jsfiddle.net/dmcs/HS5Lp/1/ ... ではなく、教えてください私は私のブラウザ上でそれを実行する...それはエラーになります... - >失敗は、リソースをロードするには:ファイル://connect.facebook.net/en_US/all.js#xfbml=1 &のAppID = 113830492072210

なぜこれが起こっているのか分からない...それについて知っていれば助けてください..

+0

ページではJavaScriptエラーがありますか? – sethcall

+0

私のjavascriptでエラーが発生しました: - リソースを読み込めませんでした:file://connect.facebook.net/en_US/all.js#xfbml=1&appId= "theappid" ..私はなぜこのエラーを与えているのかわかりません。正しいですか? – Vikram

答えて

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を入力するだけです。 basics..areをチェック

乾杯、 ラーフル

+0

ありがとう、たくさんの男..それは魅力的なものでした。あなたは問題が何だったのか教えてもらえますか?ありがとう、トン.. \ – Vikram

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でエラーが発生しました: - リソースを読み込めませんでした:file://connect.facebook.net/en_US/all.js#xfbml=1&appId= "theappid" ..なぜこのエラーが出るのか分かりません私のappIdは正しい – Vikram

+0

jsfiddleの例を見てください。アプリIDには引用符が付きません。 – DMCS

+0

引用符がありませんでした..私はちょうどdifferenciateにここにそれを作った.. – Vikram

関連する問題