0

关于如何让 Facebook Like 按钮工作有很多问题，但我想知道：有谁知道 Facebook Like 按钮的示例，用 XFBML 和 Javascript 编码，点击它会显示评论框，在 Internet Explorer 中？具体来说，我试图弄清楚这种行为是否在 IE 上被破坏。我知道特定行为在 Firefox 和 Safari 下有效。

我看到了iframe版本的 Like 按钮的示例，当您单击“Like”时，该按钮会在 IE 中弹出评论框。但那是 iframe 版本，而不是 xfbml / javascript 版本。此外，（很奇怪）如果您没有打开 show_faces，则 iframe 版本的 Like 按钮不会显示评论框。

Levi's 网站在 Like 使用方面是一种黄金标准。查看http://us.levi.com/family/index.jsp?categoryId=4305605&cp=3146842.3146844.3146854——带有评论的 Like 按钮适用于 Firefox 和 Safari，但不适用于 IE。

这里有很多不同的移动部分需要追踪——例如，命名空间、app_ids、xhtml doctype 等。但在我走得更远之前，我只是想知道 javascript / FBML 版本的 Like 按钮是否带有评论曾经在 IE 下工作吗？如果有的话，在某个地方有没有例子？我从来没有见过一个。

谢谢！

4

1 回答 1

1

是的，我在http://www.WasupPalmSprings.com上的 IE 中工作。如果您从主页单击任何故事，底部会有一个“赞”按钮，显示 IE 中的评论框。

我遇到了评论框未在其他网站的 IE 中显示的问题。这是我使用的清单：

  1. 确保您在页面的 HTML 标记中具有正确的 xmlns 属性。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 过渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">

  1. 确保您的页面上有 <div id="fb-root"></div> 。

  2. 确保您已经为您的网页设置了一个应用程序，因为您需要一个应用程序 ID。如果您没有应用程序，请在此处创建一个：http://www.facebook.com/developers/

  3. 使用 javascript 加载 Facebook 连接 javascript 文件。不要只在页面上放置 <script src="..."> 标记。如果您使用 jquery 或类似的，理想情况下这将进入 onReady 处理程序。否则，将其放在页面底部的 <script> 标记中。

请务必从您创建的 Facebook 应用程序中替换您的实际应用程序 ID，其中显示“在此处插入您的应用程序 ID”

  window.fbAsyncInit = function() {
    FB.init({appId: 'INSERT YOUR APP ID HERE', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());

  1. 为您的页面添加带有开放图形信息的元标记。<meta property="og:title" content="YOUR PAGE TITLE HERE"/> <meta property="og:site_name" content="YOUR WEBSITE NAME HERE"/> <meta property="og:type" content=" website"/> <meta property="og:url" content="URL OF PAGE HERE"/> <meta property="og:image" content="URL OF IMAGE YOU WANT TO SHARE"/> <meta property=" og:description" content="YOUR PAGE DESCRIPTION HERE"/> <meta property="fb:app_id" content="YOUR FB APP ID HERE"/>

  2. 最后，在页面上您希望它出现的任何位置添加“赞”按钮。请务必替换您自己的页面 URL。

<fb:like href="INSERT YOUR PAGE URL HERE" layout="button_count" show_faces="false" width="570" font="arial"></fb:like>

于 2011-01-07T00:31:02.570 回答