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 >