0

静的な Web サイトである自分の Web サイトで Facebook のようなボタンを使用したいのですが、スクリプトをページに追加すると、wamp サーバーなしでページを開いたときに表示されませんでした。

しかし、Twitterの共有ボタンを追加すると、wampserverがなくても機能するのはなぜですか? 問題はどこだ？

フェイスブックのスクリプト:

<div class="fb-like" data-href="http://www.mywebsite" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
            <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>

ツイッターのスクリプト

<a class="twitter-share-button" data-lang="en" data-url="http://mywebsite/">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
            </script>
4

1 に答える 1

1

Facebook のようなボタンをレンダリングするには、Facebook が Web サイトにクロールし、提供された URL が有効な Web URL であるかどうかを確認します。URL に「localhost」が記載されている場合、いいね ボタンは表示されません。以下の Facebook 開発者ページにサイトの URL を貼り付けて、サイトの URL に有効なスクレイプがあるかどうかを確認することもできます。

http://developers.facebook.com/tools/debug/og/object

IPをlocalhostからドメイン名にマップすると、いいねボタンが表示されます

于 2013-01-18T11:34:15.113 に答える