FB を使用してウェブサイトにアクセスしたすべてのユーザーのログ記録を検討していました。
ここに私の新しい問題があります:1)Facebookが提供するボタンを取得/使用するにはどうすればよいですか。理由は、ユーザーに同じユーザー エクスペリエンスを提供したいからです。(Facebook ボタンの青みがかったボタン) 2) ユーザーがログインしたら、アラートを送信して、リダイレクトした Web サイトに移動します (たとえば、stackoverflow があります)。FB は非ブロッキング非同期であるため、FB が値を返す前に、Web サイトがリダイレクトされていることがわかります。この問題を解決する方法。3) ユーザーがログインしようとすると、FB ポップアップは必要ありません。(stackoverflow ログインと同じように) 新しいページで FB ログインを行いたいのですが、どうすればそれを行うことができますか..
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'xxxx', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
function fetchUserDetail()
{
FB.api('/me', function(response) {
alert("Name: "+ response.name + "\nFirst name: "+ response.first_name + "ID: "+response.id);
});
window.location.href = 'http://www.stackoverflow.com';
}
function checkFacebookLogin()
{
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
fetchUserDetail();
}
else
{
initiateFBLogin();
}
});
}
function initiateFBLogin()
{
FB.login(function(response) {
fetchUserDetail();
});
}
</script>
<input type="button" value="Sign in using Facebook" onclick="checkFacebookLogin();"/>
</body>