Umieść ten fragment kodu na stronach, na których chcesz wyświetlać Google One Tap:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-your_own_param_1_to_login="any_value"
data-your_own_param_2_to_login="any_value">
</div>
Atrybut data-login_uri to identyfikator URI punktu logowania w Twojej aplikacji internetowej. Możesz dodawać niestandardowe atrybuty danych, które są wysyłane do punktu logowania wraz z tokenem identyfikacyjnym pobranym z Google.
Pełną listę atrybutów danych znajdziesz na stronie z dokumentacją g_id_onload.
Nie zasłaniaj Google One Tap
Ta sekcja dotyczy tylko wyłączonej usługi FedCM, gdy włączona jest usługa FedCM wyświetla prompty użytkownika w górnej części strony.
Aby użytkownicy widzieli wszystkie wyświetlane informacje, Google One Tap musi nie może być objęta żadnymi innymi treściami. W przeciwnym razie mogą pojawiać się wyskakujące okienka. ale nie zawsze tak jest.
Sprawdź układ strony i właściwości indeksu Z elementów, aby mieć pewność, że Google One Tap nie jest w żadnym momencie przysłonięty przez inne treści. Zmiana przepływu interfejsu użytkownika może zostać wywołana, nawet jeśli pokryta jest tylko część piksela na krawędziach.