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

时间:2010-05-18 01:26:53

标签: asp.net vb.net facebook

我正在尝试在我的网站上实现facebook like button。 在“”标记结束后,代码中的前四行已存在于我的网站上。

为了实现“Like按钮”,我添加了第二个脚本(第五行到结尾) 并运行该应用程序。它给我一个错误

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

2 个答案:

答案 0 :(得分:4)

在您的网站上添加“赞”按钮有新方式

转到此页面, 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 有一个获取代码...这是有效的,无需在您的代码上添加此JavaScript。

答案 1 :(得分:1)

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

&lt; div id =“fb-root”&gt;&lt; / div&gt;

否则你可能会得到一个'root'对象是null错误

此处提供相关文档 http://developers.facebook.com/docs/reference/javascript/