如何为我的网站实现 Facebook“点赞”按钮答案

【问题标题】：How to implement the Facebook "Like" button for my website如何为我的网站实现 Facebook“点赞”按钮
【发布时间】：2010-05-18 01:26:53
【问题描述】：

我正在尝试在我的网站上实现类似 facebook 的按钮。代码中的前四行已经在我的网站上“”标签的末尾。

为了实现“点赞按钮”，我添加了第二个脚本（第五行到最后）并运行应用程序。它给了我一个错误

"Microsoft Jscript 运行时错误：'_onLoad' 为 null 或不是对象"

请告诉我。谢谢

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
    FB.init("myapikey", "xd_receiver.htm", { "reloadIfSessionStateChanged": true });
</script>
<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({appId: 'myappid', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

参考资料： http://developers.facebook.com/docs/reference/plugins/like

<fb:like href="http://webclip.in" layout="standard" show-faces="true" width="450" action="like" font="arial" colorscheme="light"/>

【问题讨论】：

标签： asp.net vb.net facebook

【解决方案1】：

有一种新方法可以在您的网站上添加“点赞”按钮。

转到此页面， http://developers.facebook.com/docs/reference/plugins/like-box

并通过添加参数来创建代码，然后单击“获取代码”

这是一个例子

<iframe 
    src="http://www.facebook.com/plugins/likebox.php?id=185550966885&amp;width=292&amp;connections=10&amp;stream=true&amp;header=true&amp;height=587" 
    scrolling="no" frameborder="0" 
    style="border:none; overflow:hidden; width:292px; height:587px;" allowTransparency="true">
    </iframe>

或者只是（如果你使用 facebook 的 Javascript SDK）

<fb:like-box profile_id="185550966885"></fb:like-box>

也在页面中 http://developers.facebook.com/docs/reference/plugins/like 有一个 Get Code... 可以，无需在您的代码中添加此 javascript。

【讨论】：

Aristos，我认为like button 和like box 是完全不同的。点赞按钮与网站的特定页面更相关，点赞框类似于粉丝页面。供参考money.cnn.com/2010/05/17/news/economy/credit_score_reform/…。此链接有一个推荐按钮。
@vamsivanka 点赞按钮，在您提供的页面上，如果您按“获取代码”，您将获得需要放置在页面上的代码。这不是您要找的吗？
我能够获取代码并且运行良好。但它与现有脚本冲突（我的问题中用于 fb 登录的前四行代码。

【解决方案2】：

使用新的 API，您可能还需要在 body 标记之后和加载任何 facebook javascript 之前添加以下 div

否则你可能会得到一个'root' object is null 错误

这里的每个文档 http://developers.facebook.com/docs/reference/javascript/

【讨论】：