2012-06-11 3 views
0

enter image description here페이스 북 통합

내가 페이스 북 연결을 위해 www.news.yahoo.com에서 본 위의 이미지와 같은 모든 확장 또는 위젯이 있습니까? 내가 ... 내가 사용하는 것을 야후 조사 방화범을 사용하는 경우, 내가이 볼 수

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 

... 너무 내 asp.net 웹 사이트에서 동일한을 포함 할

<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> 

답변

1

야후! 이 위젯을 직접 만들었습니다. 귀하의 사이트에서이 기능을 사용할 수있는 기성품 방법이 없습니다. 좋은 소식은 Facebook API에 대한 지식이있는 한 기능을 복제하는 것이 상대적으로 쉽다는 것입니다.

먼저 인증을 수행하려면 페이지가로드 될 때마다 사용자의 상태를 확인하고 적절하게 변경 사항을 처리 할 수있는 client-side authentication flow을 살펴보십시오. auth.statusChange 이벤트를 사용하여 사용자가 이미 인증되었는지 여부에 따라 올바른 UI를 표시 할 수 있습니다.

다음으로 '소셜'컨트롤입니다. 이는 본질적으로 로그인 한 사용자를 위해 앱에서 읽기 작업을 게시하는 것을 토글합니다. 열린 그래프 read 조치 게시를하기 전에 토글 제어 값을 확인하여이 클라이언트 측을 관리 할 수 ​​있습니다. 값을 페이지에 저장되도록 쿠키에 저장하십시오. 앱에서 작업 게시를 시작하지 않은 경우 Open Graph Tutorial을보고 특히 '게시'섹션을 참조하십시오.

마지막으로 '귀하의 활동'컨트롤에는 더 좋은 소식이 있습니다. 'Activity Feed' social plugin을 사용하면 사이트에서 자신과 친구의 활동을 직접 작성할 필요없이 얻을 수 있습니다. 이 플러그인의 모양과 느낌이 사용자의 요구에 맞지 않을 수 있으므로 Graph API를 사용하여 앱의 활동 스토리를 얻을 수 있습니다. 위에 링크 된 튜토리얼을 통해 작업하고 있다면,이를 수행하는 예제를 보게 될 것이다.