为什么我的任何facebook分享按钮都不起作用?

时间:2015-06-08 13:11:08

标签: facebook facebook-sharer

我做了Facebook开发者告诉我做的事情。 http://jsfiddle.net/desbest/u44e0802/

<!-- initialise -->

<div id="fb-root"></div>

<!-- button 1 -->

<script src="//connect.facebook.net/en_US/all.js"></script>

<div class="fb-send" data-href="http://compesh.com" data-font="trebuchet ms"></div>

<!-- button 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 = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3&appId=299539706821986";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div>

2 个答案:

答案 0 :(得分:1)

创建一个像Xampp,Wamp等本地主机互联网服务器

然后你必须在打开身体标签后立即写下

<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 = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

关注:js.src必须为https://connect.facebook.net/en_US/sdk.js
______ no //connect.facebook.net/en_US/sdk.js

然后放置在您想要按钮写入的任何位置

<div 
  class="fb-like" 
  data-href="http://www.example.com" 
  data-width="200" 
  data-layout="standard" 
  data-action="like" 
  data-show-faces="true" 
  data-share="false">
</div>

答案 1 :(得分:0)

将代码复制到本地文件并使用XAMPP运行它,它可以正常工作。

当它在JSfiddle上运行时,看着控制台它会抛出一些错误:

Uncaught SecurityError: Failed to set the 'domain' property on 'Document': Assignment is forbidden for sandboxed iframes.

我建议他们的安全设置阻止它在那里运行。你是在其它不工作的地方尝试的吗?