在网页上添加共享按钮

时间:2014-10-23 19:21:20

标签: javascript html facebook twitter web

我知道这应该是轻松的任务,我也尝试过来自twitter和facebook的开发者网站的代码,但任何这些代码都无效。 我也尝试过其他一些网站。

我必须在我的网页上放置facebook / twitter分享按钮。当我在XAMPP上查看时,开发者网站的代码都无效。

<html>
<head> Vamos </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/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="TinyNote1">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</body>
</html>

在Chrome浏览器的上述代码中,除了head元素之外的任何内容都会显示。

请问你能找到我错了什么,我该怎么做?

我尝试使用XFBML(将XML命名空间添加到文档的标记中。)但对我没有任何作用。

1 个答案:

答案 0 :(得分:1)

Florentino,我测试了我的服务器上的Facebook社交插件,它正如预期的那样工作。 Same issue as the one described in this thread