3

WebページにFacebookのようなボタンを追加しようとしています。https://developers.facebook.com/docs/reference/plugins/like/から正確なコードを取得しましたが、それでもいいねボタンはまったく表示されません。HTML5、XFBML、IFRAME の 3 つのバージョンをすべて試しましたが、どれも機能しませんでした。コードを chrome firefox や Internet Explorer でも実行しようとしましたが、どの環境でも動作しません。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/ ...しかし、ブラウザで実行するとエラーが発生します... ->リソースの読み込みに失敗しました:file://connect.facebook.net/en_US/all.js#xfbml=1&appId=113830492072210

なぜこれが起こっているのかわかりません...知っているなら助けてください..

4

2 に答える 2

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 を入れるだけです。

乾杯、ラフル

于 2012-04-17T08:46:55.433 に答える
0

ここで、完全に機能することがわかります。

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

おそらく、いいねボタンが表示されるページは、あなたが思っているほどきれいではありません。ブラウザの JavaScript コンソールを調べて、エラー メッセージがあるかどうかを確認します。JavaScript にログを追加して、実行されていることを確認します。

このサイトもチェックしました: http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhiなどのボタンは正常に機能しています。

動作していないコードへのリンクはありますか?

ページで修正できることがいくつかあります。ここでリンター ツールの結果を参照してください。デリー

于 2012-04-16T18:44:10.953 に答える