像按钮不显示

问题描述：

从未在开发人员级别处理Facebook，我确信我在这里做了非常明显的错误。无论如何，这里的问题：像按钮不显示

我生成从https://developers.facebook.com/docs/reference/plugins/like/像按钮代码，然后将其复制到我的网页。当我尝试查看网站时，我什么都没有显示。

我注意到脚本部分的网址未能包含该协议（它出来：“//connect.facebook.net/en_US/all.js#appId=207642302633270 xfbml = 1”）。当我看看使用Firebug发生了什么时，我可以看到它将script标记插入到头部分 - 但该URL不起作用。我已经尝试修改它以包含“https：”作为协议，然后我看到脚本被加载，并且它还将一堆CSS插入头部。

但网站上仍然没有显示。

我认为的唯一的事情可能是有问题的，是我（或者更具体地说，我客户端）没有任何形式的Facebook公司简介 - 我可以要求他们建立一个帐户，如果但这不是首选方案，因为他们不想为该业务维护Facebook个人资料。

这里有一个剥离下来的样品我的工作：

<html> 
    <head> 
     <title>Testing the Like Button</title> 
     <meta property="og:title" content="Company FB Test" /> 
     <meta property="og:type" content="company" /> 
     <meta property="og:url" content="http://www.domain.com/fb-test.html" /> 
     <meta property="og:image" content="http://www.domain.com/logo.png" /> 
     <meta property="og:site_name" content="Site Name" /> 
     <meta property="fb:admins" content="__MY_FB_ID__" /> 
    </head> 
    <body> 
     <script>(function(d){ 
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
      js = d.createElement('script'); js.id = id; js.async = true; 
      js.src = "https://connect.facebook.net/en_US/all.js#appId=207642302633270&xfbml=1"; 
      d.getElementsByTagName('head')[0].appendChild(js); 
     }(document));</script> 
     <div class="fb-like" data-send="false" data-layout="box_count" data-width="67" data-show-faces="false" data-font="arial"></div> 
    </body> 
</html>

有两点要注意：

样品包括协议“https：”开头 - 如前所述，我已经试过没有。
这已经在Chrome 13，Firefox 6和IE 9的最新版本中测试过。我已经在Facebook Lint中测试过了，它不会给我带来任何错误。

在此先感谢谁成功地向我指出了显而易见的事 - 以及向任何其他与我友好的建议发出邀请的人。

干杯，扎克

答

你需要确保在你的页面某处添加以下代码：

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

您将在Chrome调试工具，它有一个错误看到说它能” t找到那个div。

好吧，那很容易。谢谢。在参考文档中没有提及这一点。我想我没有足够努力。 –

您使用的代码段是HTML 5，并且只是将其添加到了他们的网站。我认为他们错过了 - 所以不是你的错。 – bkaid

啊，这解释了它。感谢您的帮助和信息。 –

相关推荐