喜欢粉丝页面上的按钮。他们是怎么做到的？

哇，这真是令人困惑，也很狡猾。看起来他们使用iframe创建了一个应用程序，这将允许他们在其中创建一个fb：like按钮。然后，他们指出了iframe应用程序选项卡应用程序，它只是呈现一些FBML：

http://apps.facebook.com/porscheevent/tab.php

所以当你喜欢它，在幕后，等注册。你会注意到，实际的按钮上方不会改变，直到你刷新页面。

的标签应用程序本身似乎添加一些CSS来然后隐藏Like按钮的内容，并与他们自己的东西替代它：

<style type="text/css"> 
.app_content_172346812791398 div.comment_body { display: none; } 
.app_content_172346812791398 span.liketext { display: none; } 
.app_content_172346812791398 span.piece { display: none; } 
.app_content_172346812791398 span.corner_mask { display: none; } 
.app_content_172346812791398 a.like_button_no_like { border: 0px none #ffffff; margin: 0px ! important; padding: 0px; background: transparent none no-repeat scroll 0% 0%; left: 0px ! important; top: 0px ! important; width: 124px; height: 25px; text-indent: -99999px; } 
.app_content_172346812791398 div.connect_widget_sample_connections { display: none; } 
.app_content_172346812791398 div.connect_confirmation_cell_like { display: none; } 
.app_content_172346812791398 div.connect_confirmation_cell_no_like { display: none; } 
.app_content_172346812791398 div.bgpage { border: 0px none #ffffff; margin: 0px; padding: 0px; background-repeat: no-repeat; width: 520px; height: 525px; } 
.app_content_172346812791398 div.button { border: 0px none #ffffff; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center bottom; cursor: pointer; } 
.app_content_172346812791398 div.button:hover { background-position: 0pt 0pt; } 
.app_content_172346812791398 a.like_button_no_like { display: block; background-image: url("http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=172346812791398&v=1&size=o&cksum=b66bf4a27297d44a6672defc61932d66&src=http%3A%2F%2Ffacebook.porsche.com%2Fevent%2Fimages%2Flike.png%3F6"); background-position: center bottom; } 
.app_content_172346812791398 a.like_button_no_like:hover { background-position: 0pt 0pt; } 
</style>

在他们用的是FB的iframe应用程序：评论插件（其中有一个Like按钮就可以了）并将returnurl设置为他们的facebook页面。他们隐藏所有评论内容并禁用评论。如果您检查该样式节点和删除它，看看显示的内容;）

alt text