Access Facebook user profile data with FB Login

The Javascript used to collect visitor Facebook profile information

function login() {
    FB.login(function(response) {
        if (response.authResponse) {

            // connected
            console.log("FB.login connected");
            window.location.reload();

        } else {

            // cancelled
            console.log("FB.login cancelled");
        }
    },
    fbscope);
}

window.fbAsyncInit = function() {
    FB.init({
        appId: '123456789012345',

        // App ID
        channelUrl: '//staging.pdfmyurl.com/facebook.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 init code here
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {

            // connected
            console.log("FB.getLoginStatus connected");
            sendUserInfo();

        } else if (response.status === 'not_authorized') {

            // not_authorized
            // User logged into FB but not authorized
            console.log("FB.getLoginStatus not_authorized");

        } else {

            // not_logged_in
            // User not logged into FB
            console.log("FB.getLoginStatus not_logged_in");
        }
    });
};

function sendUserInfo() {
    FB.api('/me', function(response) {

        //console.log("my object: %o", response);
        var map = new OTMap();

        //map.put("username!", response.username);
        map.put("gender!", response.gender);

        OTLogService.sendEvent("user logged in", map);
    });
}

The above javascript code snippet is triggered when a user clicks on a login button on your website. When the user has logged in via the pop up window, and successfully authorized, a custom event is sent to opentracker [7]. Note the exclamation mark on the map key. This is the start of the journey to collect user information on your site. To learn more about what user information can be collected, please refer to the facebook api [8] [9] [10]. Here are a few examples from the facebook api [2] [3] [4] [5].