Google API Access

• Create App key by Following Above Tutorail

• CHeck whether the jquery.js is Linked or not?

• then copy paste the  script before body tag

 <!-- GMAIL LOGIN *********************************** -->

    <script>

        var OAUTHURL    =   'https://accounts.google.com/o/oauth2/auth?';

        var VALIDURL    =   'https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=';

        var SCOPE       =   'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email';

        var CLIENTID    =   '946731390813-dn5gi0sica7rrtfovh4uh4t1tjjb1a9d.apps.googleusercontent.com';

        var REDIRECT    =   'http://localhost:8080/satyaaap/signin';

        var LOGOUT      =   'http://accounts.google.com/Logout';

        var TYPE        =   'token';

        var _url        =   OAUTHURL + 'scope=' + SCOPE + '&client_id=' + CLIENTID + '&redirect_uri=' + REDIRECT + '&response_type=' + TYPE;

        var acToken;

        var tokenType;

        var expiresIn;

        var user;

        var loggedIn    =   false;

    

        function gmaillogin() {

        

            var win         =   window.open(_url, "windowname1", 'width=800, height=600'); 

            var pollTimer   =   window.setInterval(function() { 

                try {

                    console.log(win.document.URL);

                    if (win.document.URL.indexOf(REDIRECT) != -1) {

                        window.clearInterval(pollTimer);

                        var url =   win.document.URL;

                        acToken =   gup(url, 'access_token');

                        tokenType = gup(url, 'token_type');

                        expiresIn = gup(url, 'expires_in');

                        win.close();

            

                        getGmailInfo(acToken);

            

                    }

                } catch(e) {

                }

            }, 500);

            

        }

        function getGmailInfo(acToken) {

         var link = 'https://www.googleapis.com/oauth2/v1/userinfo?access_token=' + acToken;

         //alert('link : '+link)

            $.ajax({

                url: link,

                data: null,

                success: function(resp) {

                    user    =   resp;

                    console.log(user);

                    

$('#emailid').val(user.email);

var mail = user.email;

var name =user.name;

var pic = user.picture;

var gender = user.gender;

alert('Email : '+mail+'Name : '+mail+'PIC : '+pic+'Gender : '+gender);  

                },

                dataType: "jsonp"

            });

        }

        //credits: http://www.netlobo.com/url_query_string_javascript.html

        function gup(url, name) {

            name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

            var regexS = "[\\#&]"+name+"=([^&#]*)";

            var regex = new RegExp( regexS );

            var results = regex.exec( url );

            if( results == null )

                return "";

            else

                return results[1];

        }

       //***************GMAIL LOGIN END *************************// 

•        in Body Call the Buttons   

          
          
        <a  href="#" onclick="gmaillogin();" class="social"><i class=" google-square"></i></a >