최근 사용

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Google 계정으로 로그인을 사용하면 사용자 인증 및 웹사이트 로그인을 쉽고 빠르게 관리할 수 있습니다. 사용자는 Google 계정에 로그인하고 동의를 제공하며 프로필 정보를 플랫폼과 안전하게 공유합니다.

사용자 가입 및 로그인에서 맞춤설정 가능한 버튼과 여러 흐름이 지원됩니다.

가입은 프로필 정보를 플랫폼과 공유하는 Google 계정 소유자의 동의를 얻는 단계입니다. 일반적으로 이 공유 데이터를 사용하여 사이트에 새 계정이 생성되지만 필수는 아닙니다.

로그인은 사용자가 이미 Google 계정에 로그인한 상태에서 개인화된 로그인 버튼 또는 원탭자동 로그인을 사용하여 Google 계정에 로그인하는 것을 의미합니다.

Google 계정으로 로그인 데모

버튼을 클릭하여 Google 계정에 로그인합니다.

사용자 개인 정보 보호

Google 계정으로 로그인의 데이터는 광고 또는 기타 비보안 목적으로 사용되지 않습니다.

사용 사례

사이트에 'Google 계정으로 로그인'을 추가해야 하는 몇 가지 이유는 다음과 같습니다.

  • 공개 상태이고 신뢰할 수 있으며 안전한 Google 계정으로 로그인 버튼을 계정 생성 또는 설정 페이지에 추가합니다.
  • Google 계정 프로필의 공통된 공유 데이터로 새 계정을 미리 채웁니다.
  • 다른 사이트에서 사용자 이름이나 비밀번호를 다시 입력하지 않고 Google 계정에 한 번 로그인합니다.
  • 재방문 시 자동으로 또는 전체 사이트에서 클릭 한 번으로 로그인할 수 있습니다.
  • 인증된 Google 계정을 사용하여 익명성을 유지하면서 댓글, 투표 또는 양식을 악용으로부터 보호합니다.

지원되는 기능

다음 기능은 Google 계정으로 로그인에서 지원됩니다.

  • 가입하여 Google 계정 프로필에서 자동 입력되는 새 계정을 자동으로 만듭니다.
  • 계정 선택기로 여러 계정에서 선택해 로그인합니다.
  • Google 계정에 이미 로그인한 경우 원탭으로 로그인합니다.
  • 컴퓨터, 휴대전화 또는 여러 브라우저 탭을 사용하여 재방문 시 자동으로 로그인합니다.
  • 로그아웃하여 모든 기기에서 자동 로그인을 사용 중지합니다.
  • Google 계정을 정지하면 Google 계정으로 로그인을 사용하는 모든 사이트에 대한 로그인이 중단됩니다.
  • Google 또는 파트너 계정을 삭제하면 다른 한쪽에는 영향을 주지 않습니다.
  • 서드 파티 ID 공급업체를 사용하거나 Google 계정 프로필을 사이트와 공유하지 않으려면 직접 가입하세요.

Google 계정으로 로그인 버튼으로 이전

사이트에서 이미 기존 Google 로그인 버튼을 사용하고 있다면 새로운 Google 계정으로 로그인 버튼으로 이전하는 것이 간단하며 여러 가지 이점이 있습니다.

  • 맞춤설정된 환경을 통해 사용자는 프로필 사진을 보고 여러 Google 계정을 식별하거나 선택할 수 있으므로 가입 및 로그인 장애를 줄일 수 있습니다.

  • 사용자 신뢰와 안전을 염두에 두고 Google에서는 개인 정보 보호 설정을 개선하고 공유하는 모든 데이터에 대한 가시성을 개선했습니다.

  • 인터넷의 일관된 디자인과 분위기는 일관되지 않은 Google 로그인 브랜딩과 비교했을 때 사용자의 신뢰를 높입니다.

  • 개발자의 입장에서 코딩과 수고를 줄일 수 있도록 라이브러리를 새롭게 디자인했습니다.

  • 또한 Google은 서드 파티 쿠키 사용 중지와 같은 새로운 기능 및 보안 변경사항을 출시할 때 이러한 위험을 격리하고 최소화하기 위한 것입니다.

자세한 내용은 이전 가이드를 참고하세요.

별도의 인증 및 승인 순간

Google API에 사용할 액세스 토큰을 얻거나 일부 사용자 데이터를 로드하려면 대신 Google Identity Services Authorization API를 호출해야 합니다. 이 API는 별도의 자바스크립트 API이지만 인증 API와 함께 패키징됩니다.

웹사이트에서 인증 API와 승인 API를 모두 호출해야 하는 경우 서로 다른 시점에 개별적으로 호출해야 합니다. 인증 시점에는 사용자가 내 웹사이트에 로그인하거나 가입할 수 있도록 원탭 또는 맞춤설정된 버튼이 표시됩니다. 나중에 Google에서 데이터를 로드해야 하는 경우 승인 API를 호출하여 동의를 요청하고 데이터 액세스용 액세스 토큰을 가져올 수 있습니다. 이 분리는 권장되는 증분 승인 권장사항을 준수하며, 컨텍스트는 권한이 요청됩니다.

이 구분을 위해 인증 API는 웹사이트에 로그인하는 데 사용되는 ID 토큰만 반환할 수 있지만 승인 API는 데이터 액세스에만 사용되고 로그인에는 사용되지 않는 코드 또는 액세스 토큰만 반환할 수 있습니다.

이러한 구분이 가능하기 때문에 사용자는 여러 웹사이트에서 일관된 인증 환경을 사용하게 되므로 사용자의 신뢰와 사용량이 늘어나고 웹사이트에서 사용자 전환율이 향상될 수 있습니다.

작동 방식

자바스크립트 라이브러리가 사이트에 포함되며, HTML 또는 자바스크립트가 맞춤설정된 버튼 및 원탭, 자동 로그인, 로그아웃 동작의 디자인과 분위기를 맞춤설정하는 데 사용됩니다.

Google 계정 로그인

'Google 계정으로 로그인'이 작동하려면 브라우저에 활성 Google 세션이 있어야 합니다. 원탭 및 자동 로그인은 사용자가 웹페이지를 로드하기 전에 Google에 로그인한 경우에만 트리거됩니다. 'Google 계정으로 로그인' 버튼 흐름에서 버튼을 누르면 Google에 로그인하라는 메시지가 표시되어 활성 Google 세션을 설정합니다.

대체 텍스트

그런 다음 Google 계정에 로그인합니다.

대체 텍스트

그런 다음 Google 계정 소유자가 앱과 프로필을 공유하는 데 동의했는지 확인합니다.

사이트를 아직 방문하지 않은 사용자가 Google 계정 프로필 정보를 앱과 공유하는 데 동의하라는 메시지가 표시됩니다.

원탭이 사용 설정되면 사용자에게 동의 및 로그인 대화상자가 표시됩니다.

대체 텍스트

사용자가 이전에 앱에 로그인하고 동의한 경우 맞춤설정 버튼이 표시되고 버튼을 클릭하면 사용자가 사이트에 직접 로그인됩니다.

대체 텍스트

선택하지 않으면 개인 맞춤이 아닌 버튼이 표시됩니다.

대체 텍스트

Google 계정으로 로그인 버튼을 누르면 동의 및 로그인 순간이 트리거됩니다.

대체 텍스트

자동 로그인

자동 로그인은 사용자가 이전에 동의한 경우에만 사용할 수 있습니다. 자동 로그인을 사용 설정하면 ID 토큰이 앱과 공유되기 전에 재사용자에게 짧은 기간 동안 로그인 대화상자가 표시됩니다. 신규 방문자 또는 이전에 앱과 앱 공유에 대한 동의를 취소한 사용자에게는 원탭 대화상자가 표시됩니다.

대체 텍스트

사용자가 내 사이트에 로그인

사용자 동의 후 자바스크립트 콜백 핸들러 또는 백엔드 서비스로의 리디렉션을 사용하여 사용자의 이름, 이메일, 프로필 사진이 포함된 JSON 웹 토큰 (JWT) 사용자 인증 정보가 공유됩니다.

사이트 로그인을 위해 사용자 세션별 상태를 관리하게 됩니다.

Google 계정과 앱의 사용자 로그인 상태는 서로 독립적입니다. 단, 사용자가 성공적으로 인증되어 Google 계정에 로그인되었다는 것을 알고 있는 경우에는 로그인 순간이 좋습니다. 사용자는 웹사이트에서 활성 상태의 로그인 세션을 유지하면서 로그인 상태를 유지하거나 로그아웃하거나 다른 Google 계정으로 전환할 수 있습니다.

여기에서 다음을 수행할 수 있습니다.

  • 확인된 사용자가 사이트의 페이지에 액세스하도록 허용하기만 하면 됩니다.
  • 프로필 정보를 사용하여 중복 계정을 확인하거나, 사용자를 기존 계정과 연결하거나, 프로필 정보를 사용하여 플랫폼에서 새 계정을 미리 채우고 만듭니다.
  • 인증된 사용자 계정이 필요한 다른 활동 허용

사용자는 언제든지 myaccount.google.com을 방문하여 원탭 및 자동 로그인을 사용 중지하거나 계정 프로필 공유 동의를 취소할 수 있습니다.