Hiển thị Google One Tap

Đặt đoạn mã sau vào bất kỳ trang nào mà bạn muốn hiển thị tính năng 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>

Thuộc tính data-login_uri là URI của điểm cuối đăng nhập của ứng dụng web của riêng bạn. Bạn có thể thêm các thuộc tính dữ liệu tuỳ chỉnh. Các thuộc tính này sẽ được gửi đến điểm cuối đăng nhập của bạn bằng mã thông báo nhận dạng được truy xuất từ Google.

Để biết danh sách đầy đủ các thuộc tính dữ liệu, hãy xem trang tài liệu tham khảo về g_id_onload.

Không che khuất tính năng Đăng nhập bằng một lần chạm của Google

Phần này chỉ áp dụng khi FedCM bị tắt, còn khi FedCM được bật, trình duyệt sẽ hiển thị lời nhắc của người dùng ở đầu nội dung trang.

Để đảm bảo người dùng cuối nhìn thấy tất cả thông tin hiển thị, Google One Tap không được bị che khuất bởi bất kỳ nội dung nào khác. Nếu không, cửa sổ bật lên có thể được kích hoạt trong một số trường hợp.

Kiểm tra kỹ bố cục trang và thuộc tính z-index của các phần tử để đảm bảo rằng Google One Tap không bị bất kỳ nội dung nào khác che khuất bất cứ lúc nào. Việc thay đổi luồng trải nghiệm người dùng có thể được kích hoạt ngay cả khi chỉ có một pixel duy nhất trong đường viền bị che phủ.