FaceBook与Asp.Net网站集成，类似于Yahoo.com

Question

我在www.news.yahoo.com中看到的用于Facebook连接的上述图片是否有任何扩展或小部件？我想在我的asp.net网站中也包含相同内容......

Functionality : 

Your Activity : Shows the News that has been read after logged in.

                It Posts in Face Book activities.

Social ON : To allow the script to post in FB

Social OFF : To not allow the script to post in FB

当我使用Firebug来调查雅虎使用的内容时，我可以看到这个......

<div id="mediasocialchromelogin" class="yom-mod yom-socialchrome-login">
<h4 class="login_title">You on Yahoo! News</h4>
<a class="img" role="button" href="#" id="yui_3_5_1_1_1339394442690_1094">
<img width="50" height="50" data="{"username":"George","userid":"131343507"}" src="https://fbcdn-profile-a.akamaihd.net/static-ak/rsrc.php/v2/yo/r/UlIqmHJn-SK.gif">
<div class="fb_icon" data="{"username":"George","userid":"131343507"}"></div>
</a>
<div id="yui_3_5_1_1_1339394442690_851" class="txt">
<span class="user_name">George</span>
<div id="yui_3_5_1_1_1339394442690_950" class="desc">
<ul id="yui_3_5_1_1_1339394442690_750" class="func_bar">
</div>
</div>

Answer 1

雅虎！自己创建了这个小部件;没有现成的方法来为您的网站获取此功能。好消息是，只要您对Facebook API有一定的了解，就可以相对轻松地复制这些功能。

首先，要进行身份验证，请查看client-side authentication flow，这样您就可以在每次加载页面时检查用户的状态，并相应地处理更改。您可以使用auth.statusChange事件根据用户是否已经过身份验证来显示正确的UI。

接下来，'社交'控制。这基本上可以切换从您的应用程序为已登录用户发布读取操作。您可以通过在执行Open Graph read操作帖子之前检查切换控件的值来管理此客户端。将值存储在cookie中，使其在页面之间保持不变。如果您尚未开始从应用中发布操作，请查看Open Graph Tutorial，特别是“发布”部分。

最后，对于“你的活动”控件，还有一些好消息。您可以使用'Activity Feed' social plugin在网站上获取您和您的朋友的活动，而无需自己编写。此插件的外观可能不适合您的需求，因此您可以使用Graph API来获取应用的活动故事。如果你正在完成上面链接的教程，你会遇到这样做的例子。