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