프로필 띄우기...

스크립트 파일 

function onSignIn(googleUser) {
       var profile = googleUser.getBasicProfile();
       console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
       console.log('Name: ' + profile.getName());
       console.log('Image URL: ' + profile.getImageUrl());
       console.log('Email: ' + profile.getEmail());
 
       var sgTestDiv = "";
       sgTestDiv = "<img src="+profile.getImageUrl()+"><div>"+profile.getName()+"</div>";
       document.getElementById("sgTest").innerHTML = sgTestDiv;
     }
 
  window.___gcfg = {
    lang: 'ko',
    parsetags: 'onload'
  };
 
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
 
      $("#sgTest").remove();
    });
  }

하고 밑에 html 내용

<div class="g-signin2" data-onsuccess="onSignIn"></div>
   <div id="sgTest"> </div>
 <a href="#" onclick="signOut();">Sign out</a>
<div class="g-plus" data-action="share" ></div>
 

하고 프로필 조금 커스터 마이징
 
 
function onSignIn(googleUser) {
       var profile = googleUser.getBasicProfile();
       console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
       console.log('Name: ' + profile.getName());
       console.log('Image URL: ' + profile.getImageUrl());
       console.log('Email: ' + profile.getEmail());
      
       var sgTestDiv = "";
       sgTestDiv = "<img src="+profile.getImageUrl()+"><div>"+profile.getName()+"</div>";
       document.getElementById("sgTest").innerHTML = sgTestDiv;
      
       var signOutTest = "";
       signOutTest = "<a href="+"#"+" onclick="+"signOut();"+">Sign out</a>";
       document.getElementById("sgTestSignOut").innerHTML = signOutTest;
      
       var sgTestShareDiv = "";
       sgTestShareDiv = "<div class="+"g-plus"+" data-action="+"share"+" ></div>";
       document.getElementById("sgTestShare").innerHTML = sgTestShareDiv;
      
     }
  window.___gcfg = {
    lang: 'ko',
    parsetags: 'onload'
  };
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
     
      $("#sgTest").remove();
      $("#sgTestSignOut").remove();
    });
  }