Facebook的登录链接自动刷新到Facebook的用户配置文件的链接和图片

Question

我想使用Gravity Forms提交一个WordPress提交表单，其中访问者看到一个“与Facebook登录”按钮。

一旦访问者登录并授予权限，该部分将刷新以显示Facebook用户个人资料链接和图片，让访问者知道他们正在使用Facebook个人资料进行提交。

我已经复制了代码，但我需要一些帮助来完成它。

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'XXXXXXXXXXXXXXXXX', // App ID 
     channelUrl : '//www.MY-DOMAIN.com/channel.html', // Channel File 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     xfbml  : true // parse XFBML 
    }); 

    // Additional initialization code here 
    }; 

    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    d.getElementsByTagName('head')[0].appendChild(js); 
    }(document)); 
</script> 

<script> 
    FB.api('/me', function(user) { 
    if (user) { 
     var image = document.getElementById('image'); 
     image.src = 'http://graph.facebook.com/' + user.id + '/picture'; 
     var name = document.getElementById('name'); 
     name.innerHTML = user.name 
    } 
    }); 
</script> 

现在，我把得到在那里我可以显示“登录按钮”，然后显示用户个人资料链接中有人登录后的部分？

Answer 1

对于登录你可以使用的一个：

方法 JavaScript SDK

Login Button

• FB.login（其中有HTML5/XFBML/Iframe广告版）

Answer 2

您转接至API是页面加载过早。首先它需要在facebook脚本准备好运行后完成。您可以将代码放入fbAsyncInit（）函数中。其次，您应该遵循此范例以确保用户已登录到您的应用程序，请参阅：https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/