在facebook fanpage选项卡上嵌入类似facebook的按钮

我一直在想到底该如何在facebook的粉丝页面上添加类似按钮的功能。我知道有很多方法可以做到这一点。例如，此页面实现了一种类似按钮：

我知道这两个页面都使用应用程序，而不是您通常使用的静态FBML页面。因此，我创建了一个应用程序，它可以很好地工作

在这个应用程序中，like按钮起作用。然而，当我尝试将其添加到facebook页面的选项卡时，我得到一个错误：“呈现标记“iframe”时出现HTML错误：iframes被flavor TabFBM禁止”，因此显然不允许呈现iframes。但很明显，这是有办法的，所以你对他们在其他页面上是如何做到的有任何线索吗

---

我真的很想得到一个答案，我特别好奇是否有人能想出他们是如何在Jim Beam的页面上重新设计like按钮的

Facebook页面的选项卡是FBML。您不能直接在此页面上添加like按钮（fb:like或其他任何内容）。但有一个“窍门”可以做到这一点，您将给出以下步骤：

获取like按钮的唯一方法是将其加载到iframe中。但在page的FBML中也禁止使用iframe。因此，诀窍是使用AJAX（调用）加载html页面，其中包含带有fb:like按钮的iframe。由于Facebook禁止javascript自动触发，在进行ajax调用加载html的iframe之前，需要单击一个like或图片。这主要是个麻烦

这是概念验证代码

第一个文件：index.html：

<script type="text/javascript">
<!-- function launch_code() {
    var ajax = new Ajax();
    ajax.responseType = Ajax.FBML;
    ajax.requireLogin = false;

    ajax.ondone = function(data) {
        document.getElementById('content').setInnerFBML(data);
    }

    document.getElementById('content').setTextValue('Loading, please wait.');

    ajax.post('http://example.com/greatpageapp/iframe.html');
    return false; }

//--> </script>

<div id='content'>
    <input type='button' onclick='launch_code(); return false;' value='click on me' />
</div>

以及iframe.html内容：

<center>
<table valign="top" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" width="520" height="1500">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgoogle.com%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    </td>
    </tr>
</center>

---

现在已经测试并开始工作。希望能有所帮助。

我只能添加一个链接，因此这里还有两个其他链接。这是另一个在选项卡上实现了likes的页面：这是我创建的应用程序：感谢您花时间回答这个问题，但不幸的是，我无法让它工作。iframe.html工作得很好，但每当我尝试单击按钮时，什么都不会发生。我已经更改了ajax.post中的代码，并在iframe.html中添加了正确的代码。所以我真的不明白什么不起作用…检查浏览器中的javascript控制台。添加console.log语句以帮助调试。安装firebug如果您使用的是firefox，它也可能有助于调试。我只需c/p工作代码，无需修改任何东西（只需URL）。