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