Umieść ten fragment kodu na wszystkich 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 sytuacji, gdy FedCM jest wyłączona. Gdy FedCM jest włączony, przeglądarka wyświetla prośby użytkownika nad treścią strony.
Aby użytkownicy mogli zobaczyć wszystkie wyświetlane informacje, Google One Tap nie może być objęty żadną inną treścią. W przeciwnym razie w niektórych przypadkach mogą być wyświetlane wyskakujące okienka.
Sprawdź właściwości z-index układu strony i jej elementów, aby mieć pewność, że Google One Tap nie jest w żadnym momencie przysłonięty przez inne treści. Zmiana przepływu UX może zostać wyzwolona nawet wtedy, gdy obejmuje on tylko 1 piksel w obramowaniu.