2012-01-03 9 views
-1

グラヴィティフォームを使用してWordPressの送信フォームを作成しようとしています。Facebookのログインリンク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> 

、私は、「ログインボタン」を表示し、誰かがログインした後、ユーザープロファイルのリンクを表示することができますセクションを取得するために何を入れますか?ログインあなたのために

答えて

0

あなたのコールされますページの負荷があまりにも早すぎます。まず、Facebookのスクリプトを実行する準備ができたら、それを実行する必要があります。コードをfbAsyncInit()関数に入れることができます。次に、このパラダイムに従って、ユーザーがあなたのアプリにログインしていることを確認してください。https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/

関連する問題