Automatyczne logowanie i wylogowywanie się

Na tej stronie opisano, jak wdrożyć funkcje związane z logowaniem się i wylogowywaniem użytkowników za pomocą funkcji Google One Tap.

Automatyczne logowanie użytkowników

Funkcja Google One Tap obsługuje logowanie automatyczne, które zapewnia użytkownikom płynne działanie, ponieważ eliminuje czynności wykonywane ręcznie, gdy wracają do Twojej witryny. Użytkownicy nie muszą pamiętać, które konto Google wybrali podczas ostatniej wizyty, co zmniejsza prawdopodobieństwo utworzenia niepotrzebnych duplikatów kont na Twojej platformie.

Logowanie automatyczne ma uzupełniać przycisk Zaloguj się przez Google i okna logowania jednym dotknięciem. Jest przeznaczony do użycia w całej witrynie, a ręczna rejestracja lub przełączanie kont następuje dopiero po wylogowaniu się użytkownika z witryny.

Aby logowanie automatyczne było możliwe, muszą być spełnione te warunki:

• użytkownicy muszą najpierw zalogować się na swoje konto Google,
• wyraził wcześniej zgodę na udostępnienie profilu konta Twojej aplikacji,
• podczas korzystania z FedCM podjęto tylko jedną próbę logowania w ciągu ostatnich 10 minut. Funkcja One Tap jest wyświetlana, gdy w tym okresie wystąpią powtarzające się próby logowania.
• gdy używasz FedCM, Chrome wymaga od użytkowników ponownego potwierdzenia, że chcą zalogować się na stronie za pomocą konta Google w każdej instancji Chrome, nawet jeśli użytkownik zatwierdził witrynę przed wdrożeniem FedCM. Ta zmiana może wpłynąć na współczynnik konwersji w Twojej dotychczasowej witrynie, która korzysta z funkcji One Tap. W aktualizacji Chrome M121 ulepszenie automatycznego logowania ogranicza problem ze spadkiem współczynnika konwersji.

Na stronach, na których włączone jest logowanie automatyczne, i jeśli te warunki są spełnione, dane logowania tokena identyfikacji użytkownika są automatycznie zwracane bez interakcji użytkownika. Jeśli te warunki nie są spełnione, nawet jeśli na stronie jest włączone logowanie automatyczne, użytkownik domyślnie przechodzi do procesu logowania lub wyrażania zgody jednym dotknięciem. Jeśli użytkownik ma kilka kont Google i odwiedza Twoją witrynę, musi najpierw zalogować się na jedno konto Google i wyrazić zgodę na tym koncie.

Wskaźnik sukcesu logowania automatycznego możesz mierzyć za pomocą wartości auto w polu select_by zwracanego obiektu CredentialResponse podczas obsługi odpowiedzi w wywołaniu zwrotnym JavaScriptu (callback lub data-callback). Wartość select_by nie jest uwzględniana w żądaniach HTTP POST wysyłanych do login_uri ani data-login_uri.

Aby włączyć logowanie automatyczne, dodaj do kodu data-auto_select="true", jak pokazano w tym fragmencie:

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

Wyloguj się

Gdy użytkownik wyloguje się z Twojej witryny, może zostać przekierowany na stronę, na której automatycznie wyświetli się prośba o zalogowanie się jednym dotknięciem w Google. W przypadku tej konfiguracji automatyczny wybór musi być zabroniony. W przeciwnym razie użytkownik zostanie automatycznie zalogowany ponownie, co spowoduje zapętlenie UX.

<div class="g_id_signout">Sign Out</div>

const button = document.getElementById('signout_button');
button.onclick = () => {
  google.accounts.id.disableAutoSelect();
}

Kluczowe ścieżki użytkownika

stronę logowania automatycznego,