Automatyczne logowanie i wylogowywanie się

Z tego artykułu dowiesz się, jak wdrożyć funkcje związane z logowaniem się i wylogowywaniem użytkowników za pomocą Google One Tap.

Automatyczne logowanie użytkowników

Google One Tap obsługuje logowanie automatyczne, dzięki czemu użytkownicy mogą wygodniej korzystać z tej aplikacji, eliminując konieczność wykonywania ręcznych działań, które muszą wykonać po powrocie do Twojej witryny. Użytkownicy nie muszą pamiętać, które konto Google wybrano podczas ostatniej wizyty, co zmniejsza ryzyko utworzenia na Twojej platformie niepotrzebnych zduplikowanych kont.

Logowanie automatyczne ma stanowić uzupełnienie przycisku Zaloguj się przez Google i okna jednym dotknięciem. Jest przeznaczona do użytku w całej witrynie, a rejestracja ręczna lub zmiana konta następuje dopiero po wylogowaniu się użytkownika z witryny.

Aby logowanie automatyczne było możliwe, wymagane są te warunki:

• użytkownicy muszą najpierw zalogować się na swoje konta Google.
• użytkowników, którzy wyrazili zgodę na udostępnienie profilu konta Twojej aplikacji;
• jeśli użytkownik korzysta z FedCM, w ciągu ostatnich 10 minut próbował zalogować się tylko raz. Jeśli w tym oknie wystąpią powtórzone próby logowania, na ekranie pojawia się jedno dotknięcie.
• gdy użytkownik korzysta z FedCM, Chrome wymaga od użytkowników ponownego potwierdzenia, że chcą zalogować się w witrynie za pomocą konta Google w każdym wystąpieniu Chrome, nawet jeśli użytkownik zatwierdził witrynę przed wdrożeniem FedCM. Ta zmiana może wpłynąć na współczynnik konwersji w obecnej witrynie z wykorzystaniem jednego kliknięcia. W aktualizacji Chrome M121 ulepszenie automatycznego logowania łagodzi problem ze spadkiem współczynnika konwersji.

W przypadku stron, na których jest włączone logowanie automatyczne i spełnione są te warunki, dane uwierzytelniające tokena identyfikatora użytkownika są automatycznie zwracane bez żadnej interakcji z użytkownikiem. Jeśli te warunki nie zostaną spełnione, a na stronie jest włączone logowanie automatyczne, użytkownik domyślnie użyje na stronie procesu logowania jednym dotknięciem lub wyrażenia zgody. Jeśli użytkownik ma kilka kont Google i odwiedza Twoją witrynę, musi najpierw zalogować się na jedno konto Google i wyrazić zgodę na to konto.

Możesz zmierzyć wskaźnik udanych logowania automatycznego, korzystając z wartości auto w polu select_by zwróconego obiektu danych logowania.

Aby włączyć logowanie automatyczne, dodaj do kodu data-auto_select="true", tak jak 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

Gdy użytkownik wyloguje się z Twojej witryny, może zostać przekierowany na stronę, na której automatycznie wyświetla się potwierdzenie od Google One Tap. W przypadku tej konfiguracji wybór automatyczny musi być zabroniony. Jeśli tego nie zrobisz, użytkownik zostanie automatycznie zalogowany ponownie, co prowadzi do 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żytkowników

Strona automatycznego logowania.