ITP 브라우저에서 원탭 지원

지능형 추적 방지 (ITP)로 인해 iOS의 Chrome, Safari, FireFox와 같은 ITP 브라우저에는 추가적인 시작 페이지가 표시됩니다. 이번 변경사항으로 원탭 UX는 여러 플랫폼에서 작동하므로 사용자와 개발자 모두에게 일관된 환경을 제공합니다.

data-itp_support 속성을 설정하여 ITP UX의 원탭 사용 설정 여부를 제어할 수 있습니다.

선택 해제

ITP 브라우저의 원탭은 명시적으로 선택 해제되지 않은 모든 웹사이트에 기본적으로 사용 설정되어 있습니다.

선택 해제하려면 다음 스니펫과 같이 코드에 data-itp_support="false"를 추가하면 됩니다.

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-itp_support="false"
     data-login_uri="https://your.domain/your_login_endpoint">
</div>

한 가지 좋은 예로 나중에 직접 출시하거나 일정 비율로 출시하는 것이 좋습니다. 이 경우 지금 선택 해제하고 나중에 직접 선택 해제를 제거하면 됩니다.

주요 사용자 경험

사용자 경험은 다음과 같은 상태에 따라 달라집니다.

  • Google 웹사이트의 세션 상태입니다. 다음 용어는 사용자 여정이 시작될 때 다른 Google 세션 상태를 나타내는 데 사용됩니다.

    • Has-Google-session: Google 웹사이트에 활성 세션이 하나 이상 있습니다.
    • No-Google-session: Google 웹사이트에 활성 세션이 없습니다.
  • 사용자 여정이 시작될 때 선택한 Google 계정에서 웹사이트를 승인했는지 여부입니다. 다음 용어는 서로 다른 승인 상태를 나타내는 데 사용됩니다.

    • 신규 사용자: 선택한 계정에서 웹사이트를 승인하지 않았습니다.
    • 재방문 사용자: 선택한 계정에서 이전에 웹사이트를 승인한 적이 있습니다.

Has-Google 세션 신규 사용자 여정

  1. 시작 페이지

    시작 페이지

  2. 계정 선택기 페이지

    Has-Initial-Session 계정 선택기 페이지

  3. 새 사용자 동의 페이지

    Google 계정으로 로그인 버튼 동의 및 로그인

  4. 사용자가 확인하면 ID 토큰이 웹사이트와 공유됩니다.

    사용자는 다른 계정 사용 버튼을 클릭하여 새 Google 세션을 추가할 수 있습니다. 아래의 Google 세션 없음 사용자 여정을 참고하세요.

Has-Google 세션 재사용자 여정

  1. 시작 페이지

    시작 페이지

  2. 계정 선택기 페이지

    Google 계정 선택기

  3. 사용자가 기존 계정을 선택하면 ID 토큰이 웹사이트와 공유됩니다.

    사용자는 다른 계정 사용 버튼을 클릭하여 새 Google 세션을 추가할 수 있습니다. 아래의 Google 세션 없음 사용자 여정을 참고하세요.

Google 세션을 사용하지 않는 신규 사용자 여정

  1. 시작 페이지

    시작 페이지

  2. 새 Google 세션을 추가하는 첫 번째 페이지입니다.

    Google 계정 이메일

  3. 새 Google 세션을 추가하는 두 번째 페이지입니다.

    Google 계정 로그인

  4. 새 사용자 동의 페이지

    Google 계정으로 로그인 버튼 동의 및 로그인

  5. 사용자가 확인하면 ID 토큰이 웹사이트와 공유됩니다.

Google 세션을 사용하지 않는 재사용자 여정

  1. 시작 페이지

    시작 페이지

  2. 새 Google 세션을 추가하는 첫 번째 페이지입니다.

    Google 계정 이메일

  3. 새 Google 세션을 추가하는 두 번째 페이지입니다.

    Google 계정 로그인

  4. 사용자가 다음 버튼을 클릭하면 ID 토큰이 웹사이트와 공유됩니다.