2

コーディングは初めてなので、これが本当に基本的なものである場合は、ご容赦ください。自分のページに FaceBook の「いいね」ボタンを追加しようとしています。説明サイトで説明されているとおりに、コードを正確にコピーしました。ページの詳細、目的の幅 (ジェネレーターで選択した機能に推奨される制限に適合) などを入力し、コードをコピーして html に貼り付けました。私は何かが欠けているに違いない。彼らの指示は、これをHTMLに、できればオープニングのすぐ下に貼り付けることだった<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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

次に、ボタンを表示したい場所に次をコピーして貼り付けるように言われました。

<div class="fb-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

ページを更新しましたが、プラグインがあるはずの場所に何も痕跡がありません。点でも線でもなく、エラー メッセージでもありません。私は何が欠けていますか？前もって感謝します！

4

4 に答える 4

5

ローカル マシンでは動作しなかったが、サーバーでは魔法のように動作するようになった理由は次のとおりです。

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

コードの//前にあるということは、スクリプトがロードされているときにブラウザが使用中のプロトコルを使用する必要があることを意味します... SO:

http://example.comを実行している場合、facebook は安全でないものをロードし、 https://example.comを使用している場合、スクリプトは facebook の安全なサーバーからロードされます...

ここで魔法が起こりました...ローカルファイルからロードすると、ブラウザーはURLを表示するfile:///C:/mysiteため、ブラウザーは自動的にというファイルを探します

file:///connect.facebook.net/....

それは存在せず、IT は惨めに失敗します

サーバーにアップロードしたときに何が起こったと思いますか???

私はあなたにそれを理解させます...

乾杯...

于 2013-11-22T21:44:14.680 に答える
0

joomla や wordpress などの cms のfbのようなボタンを使用しているサイトの種類は何ですか?それを試してみてください。サイトに移動した後、[共有ツールを取得] メニューをクリックすると、それを使用してサイトのコードを貼り付けることができます。

于 2012-12-10T06:58:45.970 に答える
0

スタック オーバーフローへようこそ。

スクリプトがいいねボタンを表示しないのには、さまざまな問題が考えられます。出力された html の URL またはコピーがなければ、ほとんどわかりません。ローカル ネットワークで作業していて、ブームなどでインターネット接続が失われた場合、FB Like ボックスはありません。

暗闇の中でショットを撮る - これは JavaScript エラーです。JavaScript のエラーは画面に表示されません。代わりに、ページの読み込み後に単一の要素を省略することから、白い画面の読み込みまで、ほぼ無限の方法で現れます。

Chrome または Firefox を使用している場合は、Web 開発者拡張機能をダウンロードできます。Firefox の場合は Firebug、Chrome の場合は右クリックして「Inspect Element」を使用することをお勧めします (これは Chrome に同梱されていると思います。それ以外の場合は Web Developer Extension です)。

どのツールを使用しても、これらの環境のコンソールにすべてのエラーが出力されます。

そして、私たちはまだ始まったばかりです。

これが面倒だと思われる場合は、別のページで上記のコードを試して、コピー & ペースト先のページに不正な形式の html が含まれていないかどうかを確認することをお勧めします。それから、上記のアドバイスに戻ります。

またはプラグイン。

http://www.addthis.com/

于 2012-12-10T06:59:03.813 に答える
0

この問題が発生したため、Facebook 開発者ツールのアプリ設定にドメイン URL を追加しました: https://developers.facebook.com/apps/[app_id]/settings/ -> 設定 -> 基本

于 2017-03-27T23:11:43.007 に答える