像按钮没有出现在我的静态网站上

时间:2013-01-18 11:20:23

标签: javascript html twitter facebook-like

我想在我的网站上使用类似的facebook按钮,这是一个静态网站,当我将页面添加到页面时,当我打开没有wamp服务器的页面时它没有出现

但是当我添加twitter的分享按钮时,即使没有wampserver也可以使用它?问题出在哪里?

facebook的

脚本:

<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>

twitter的脚本

<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>

1 个答案:

答案 0 :(得分:1)

呈现facebook喜欢按钮facebook将抓取到网站并检查提供的URL是否是有效的网址。如果URL中提到了“localhost”,则不会显示like按钮。您还可以通过在以下Facebook开发者页面粘贴您的网站网址来检查您的网站网址是否有效,

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

将您的IP从localhost映射到您的域名,它将呈现类似按钮