버튼 렌더링
맞춤설정된 버튼에는 웹사이트를 승인한 첫 번째 Google 세션의 프로필 정보가 표시됩니다. 승인된 Google 세션에는 이전에 Google 계정으로 로그인을 사용하여 로그인한 적이 있는 웹사이트 내 해당 계정이 있습니다.
맞춤설정된 버튼이 표시되면 사용자는 다음을 알게 됩니다.
- 활성 Google 세션이 1개 이상 있습니다.
- 웹사이트에 해당하는 계정이 있습니다.
맞춤설정된 버튼을 사용하면 사용자가 버튼을 클릭하기 전에 Google 측과 웹사이트 모두에서 세션 상태가 빠르게 표시됩니다. 이 방법은 특히 웹사이트를 가끔 방문하는 최종 사용자에게 유용합니다. 계정이 생성되었는지 여부와 그 방법을 잊어버릴 수 있습니다. 맞춤설정된 버튼을 통해 이전에 Google 계정으로 로그인을 사용한 적이 있음을 떠올리게 됩니다. 따라서 웹사이트에서 불필요한 중복 계정 생성을 방지하는 데 도움이 됩니다.
세션 상태를 나타내기 위해 맞춤설정 버튼은 다음과 같은 방식으로 표시됩니다.
하나의 세션: Google에는 하나의 세션만 있습니다. 이 세션은 클라이언트를 승인하고, 웹사이트에 해당 계정이 있습니다.
여러 세션: Google 측에는 여러 세션이 있습니다. 이러한 세션은 클라이언트를 승인합니다. 승인 여부는 표시된 계정 옆에 있는 목록 화살표로 표시됩니다. 웹사이트에 해당하는 계정이 있는 세션은 하나 이상입니다
세션 없음: Google 측 세션이 없거나 아직 클라이언트를 승인한 세션이 없습니다.
버튼 설정에서 맞춤설정 버튼 표시를 허용하지 않는 한, 세션 상태가 적합할 때 맞춤설정된 버튼이 자동으로 표시됩니다. 다음과 같은 경우 맞춤설정 버튼이 표시되지 않습니다.
data-type
속성이icon
입니다.data-size
속성이medium
또는small
로 설정됩니다.data-width
속성은 200픽셀보다 작은 숫자로 설정됩니다.
이름 또는 이메일 주소가 너무 길어 버튼 안에 표시할 수 없는 경우 생략됩니다.
주요 사용자 경험
사용자 경험은 다음과 같은 상태에 따라 달라집니다.
Google 웹사이트의 세션 상태입니다. 다음 용어는 사용자 여정이 시작될 때 다른 Google 세션 상태를 나타내는 데 사용됩니다.
- Has-Google-session: Google 웹사이트에 활성 세션이 하나 이상 있습니다.
- No-Google-session: Google 웹사이트에 활성 세션이 없습니다.
사용자 여정이 시작될 때 선택한 Google 계정에서 웹사이트를 승인했는지 여부입니다. 다음 용어는 서로 다른 승인 상태를 나타내는 데 사용됩니다.
- 신규 사용자: 선택한 계정에서 웹사이트를 승인하지 않았습니다.
- 재방문 사용자: 선택한 계정에서 이전에 웹사이트를 승인한 적이 있습니다.
Has-Google 세션 신규 사용자 여정
Google 계정으로 로그인 버튼
계정 선택기 페이지
새 사용자 동의 페이지
사용자가 확인하면 ID 토큰이 웹사이트와 공유됩니다.
사용자는 다른 계정 사용 버튼을 클릭하여 새 Google 세션을 추가할 수 있습니다. 아래의 Google 세션 없음 사용자 여정을 참고하세요.
Has-Google 세션 재사용자 여정
Google 계정으로 로그인 버튼
계정 선택기 페이지
사용자가 기존 계정을 선택하면 ID 토큰이 웹사이트와 공유됩니다.
사용자는 다른 계정 사용 버튼을 클릭하여 새 Google 세션을 추가할 수 있습니다. 아래의 'Google 세션 없음' 사용자 여정을 참고하세요.
Google 세션을 사용하지 않는 신규 사용자 여정
Google 계정으로 로그인 버튼
새 Google 세션을 추가하는 첫 번째 페이지입니다.
새 Google 세션을 추가하는 두 번째 페이지입니다.
새 사용자 동의 페이지
사용자가 확인하면 ID 토큰이 웹사이트와 공유됩니다.
Google 세션을 사용하지 않는 재사용자 여정
Google 계정으로 로그인 버튼
새 Google 세션을 추가하는 첫 번째 페이지입니다.
새 Google 세션을 추가하는 두 번째 페이지입니다.
사용자가 다음 버튼을 클릭하면 ID 토큰이 웹사이트와 공유됩니다.