喜欢并发送网站选项

时间:2012-02-05 15:55:53

标签: html facebook-social-plugins

我可能没有找到正确的位置,但我正在尝试在我的商业网站上添加LIKE和SEND选项。我的网站是用html 4编写的。我在FB上找到的这些选项的唯一信息是为html 5或xfbml或iframe编写的。我复制了代码并按照说明将其粘贴到我的网站上,但它没有显示框或似乎正常工作。有谁知道我是否可以在html 4中使用这些选项?

2 个答案:

答案 0 :(得分:2)

以下是您的问题的解决方案一步一步:) 因为我猜您的代码无效,因为您没有正确使用javascript

您可以通过5个步骤解决问题

第1步

使用link创建一个新的Facebook应用,并记下其应用ID / API密钥

第2步

使用您在第1步

中记下的应用ID / API密钥

以下代码将使用所有常用选项加载和初始化JavaScript SDK。将 YOUR_APP_ID WWW.YOUR_DOMAIN.COM 替换为适当的值。放置此代码的最佳位置就在打开<body>标记之后。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
FB.init({
  appId      : 'YOUR_APP_ID', // App ID
  channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
  status     : true, // check login status
  cookie     : true, // enable cookies to allow the server to access the session
  xfbml      : true  // parse XFBML
});

// Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js";
 d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
</script>

第3步

使用以下代码

创建channel.html文件
  <?php
    $cache_expire = 60*60*24*365;
    header("Pragma: public");
    header("Cache-Control: max-age=".$cache_expire);
    header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
  ?>
  <script src="//connect.facebook.net/en_US/all.js"></script>

第4步
将XML命名空间添加到文档的<html>标记中。这对于XFBML在早期版本的Internet Explorer中工作是必要的。

<html xmlns:fb="http://ogp.me/ns/fb#">

第5步
将插件的代码放在您希望插件显示在页面上的任何位置,并且不要忘记将 WWW.YOUR_DOMAIN.COM 替换为您的域名

<fb:like href="WWW.YOUR_DOMAIN.COM" send="true" width="450" show_faces="true"></fb:like>

您可以详细阅读以上所有信息,其中几乎所有信息均来自链接

  1. here you can get like plugin and other details
  2. here you can get javascript, channel file details and other details

答案 1 :(得分:1)

正如evanmcd所说,但加上+:

您不必知道HTML5或XFBML(仍然不支持IFRAME)。只需从此处复制代码:http://developers.facebook.com/docs/reference/plugins/like/并使用它。所有浏览器都支持XFBML(实际上,它不需要支持,它是facebook(xFaceBookml)的一部分。我希望它有帮助......记住你不必知道它。