Fitur Login dengan Google

Di bawah ini adalah fitur utama Login dengan Google. Anda dapat menggunakan generator kode untuk membuat kode guna menyematkan Sekali Ketuk, Login otomatis, dan tombol Login dengan Google ke halaman web Anda.

Pengguna dapat memilih untuk tidak login dengan pihak ketiga secara global di browser yang mendukung FedCM. Jika pengguna memilih tidak ikut, fitur Sekali Ketuk dan login otomatis tidak tersedia serta tidak ditampilkan.

Sekali Ketuk

Saat pengguna mengunjungi situs Anda dan jika ada sesi Google yang aktif di browser, Login dengan Google dapat meminta pengguna untuk login atau mendaftar di situs Anda dengan Akun Google mereka. Hanya dengan sekali ketuk (untuk satu kasus sesi Google) atau dua ketukan (saat ada beberapa sesi Google), pengguna dapat menyelesaikan alur login atau pendaftaran gabungan. UX Sekali Ketuk memungkinkan titik entri pengguna yang lancar, karena semua alur UX dilakukan di iframe yang disematkan di halaman web Anda.

Pengguna dapat memilih untuk memilih untuk tidak ikut Sekali Ketuk secara global. Dalam hal ini, Akun Google tidak menampilkan fitur Sekali Ketuk. Jika semua Akun Google yang aktif tidak diikutsertakan, UI Sekali Ketuk tidak akan ditampilkan.

Catatan: Karena adanya Intelligent Tracking Prevention (ITP), halaman selamat datang tambahan ditampilkan untuk browser ITP, seperti Chrome di iOS, Safari, dan FireFox. Developer dapat memilih untuk tidak menggunakan fitur ini di satu atau beberapa browser ITP. Lihat detail selengkapnya di Dukungan Sekali Ketuk di browser ITP.

Poin Penting: Lihat Memahami pengalaman pengguna Sekali Ketuk untuk mengetahui detail selengkapnya tentang UX Sekali Ketuk.

Sebaiknya Anda menempatkan Sekali Ketuk di dialog login utama dan halaman perincian. Developer lebih memilih Sekali Ketuk karena berbagai alasan:

• peningkatan rasio konversi pengguna. Pelajari lebih lanjut bagaimana beberapa partner kami berhasil menggunakan Sekali Ketuk untuk meningkatkan pengalaman pendaftaran dan login mereka di studi kasus kami.
• memungkinkan login dan pendaftaran tanpa mengalihkan pengguna ke halaman login dan pendaftaran khusus.
• memungkinkan pengguna untuk login dan mendaftar sesuai konteks situs Anda tanpa harus keluar dari perjalanan mereka saat ini.
• mengurangi akun duplikat dengan perintah yang dipersonalisasi dan login otomatis pada kunjungan kembali.

Peringatan: UI Sekali Ketuk akan otomatis ditampilkan saat pemuatan halaman atau peristiwa jendela lainnya, bukan dipicu oleh gestur pengguna. Jika tidak, Anda bisa mendapatkan UX yang rusak. Pengguna mungkin tidak melihat UI apa pun setelah gestur pengguna, karena memilih tidak ikut secara global, pendingin, atau tidak ada sesi Google.

Login otomatis

Dengan Sekali Ketuk, Anda juga dapat mengaktifkan login otomatis yang dapat dibatalkan, yang memungkinkan UX sederhana untuk pengguna yang kembali. Gestur pengguna tidak diperlukan agar pengguna kembali login secara otomatis ke situs Anda. Login otomatis dipicu jika hanya ada satu Akun Google aktif yang sebelumnya memberikan izin untuk membagikan profil akunnya ke aplikasi Anda.

Pengguna dapat membatalkan proses login otomatis untuk jangka waktu singkat, sehingga memastikan kontrol dan transparansi pengguna. Jika pengguna membatalkan login otomatis, Login dengan Google akan mengingat keputusan tersebut selama satu hari sebelum mengaktifkan login otomatis lagi. Fitur yang dapat dibatalkan memungkinkan pengguna memiliki kontrol lebih besar atas proses login otomatis.

Jika FedCM diaktifkan, akan ada periode transisi selama 10 menit antara peristiwa login otomatis. Jika login otomatis dipicu selama jangka waktu ini, pengguna akan mengikuti alur login Sekali Ketuk, bukan alur login otomatis.

Login dengan Google untuk Web tidak mendukung login senyap, sehingga kredensial ditampilkan tanpa menampilkan UI apa pun. Pengguna akhir selalu melihat beberapa UI, login manual atau otomatis, saat kredensial login ditampilkan dari Google ke pihak tepercaya. Hal ini meningkatkan privasi dan kontrol pengguna.

Apakah Anda harus mengaktifkan login otomatis atau tidak adalah keputusan yang harus Anda buat berdasarkan UX situs Anda sendiri.

Catatan: Login otomatis hanya dapat diaktifkan pada alur Sekali Ketuk, bukan pada alur tombol Login dengan Google.

Poin Penting: Lihat Login dan logout otomatis untuk mengetahui detail selengkapnya.

Tombol Login dengan Google

Berbeda dengan Sekali Ketuk, alur tombol Login dengan Google harus dipicu oleh gestur pengguna. Oleh karena itu, Login dengan Google hanya menyediakan API untuk merender tombol, tetapi bukan API untuk memulai alur tombol secara terprogram. Sebagai developer, yang perlu Anda lakukan adalah merender tombol Login dengan Google di halaman web Anda. Kapan alur UX tombol dipicu akan ditangani oleh library secara transparan.

Dengan kata lain, sekarang tombol Login dengan Google harus dibuat oleh library JavaScript Google Identity Services. API rendering tombol memungkinkan Anda menyesuaikan warna, bentuk, teks, dan ukuran untuk memenuhi persyaratan branding situs, sekaligus tetap mematuhi pedoman Google. Dengan tombol yang konsisten di seluruh situs, pengguna dapat dengan cepat mengenali, memercayai, dan menggunakan tombol-tombol ini.

Catatan: Login dengan Google tidak menyediakan API untuk memulai alur tombol secara terprogram.

Peringatan: Menggunakan tombol Anda sendiri tidak didukung karena tidak ada API untuk memulai alur tombol saat tombol diklik.

Informasi profil pengguna juga dapat digunakan untuk merender tombol. Tombol yang dipersonalisasi hanya ditampilkan jika setidaknya ada satu sesi Google aktif yang sebelumnya telah mengautentikasi pengguna di situs Anda. Tombol yang dipersonalisasi mengingatkan pengguna akhir bahwa mereka pernah menggunakan Login dengan Google sebelumnya, sehingga membantu mencegah pembuatan akun duplikat yang tidak perlu di situs Anda. Hal ini sangat membantu bagi pengguna akhir yang hanya mengunjungi situs Anda sesekali. Pengguna mungkin lupa metode login yang digunakannya.

Poin Penting: Lihat Memahami tombol yang dipersonalisasi untuk detail selengkapnya tentang tombol yang dipersonalisasi.

Alur tombol Login dengan Google mendukung mode pop-up dan pengalihan UX.

• Di UX pop-up, setelah tombol Login dengan Google diklik, jendela pop-up baru akan terbuka di bagian atas halaman web. Alur UX tombol dirender dalam jendela pop-up.
• Di UX pengalihan, pengalihan halaman penuh terjadi setelah tombol Login dengan Google diklik. Alur UX tombol dirender di jendela yang sama. Namun, pengguna tidak dapat lagi melihat halaman web Anda saat tombol UX ditampilkan.

Mencabut izin pengguna

Izin pengguna untuk membagikan token ID dapat dicabut. Login dengan Google menyediakan API untuk mencabut izin pengguna secara terprogram.

Tidak seperti metode revoke() di Google Identity Services authorization API, Anda tidak memerlukan token akses untuk mencabut izin pengguna. Namun, Anda harus memberikan alamat email atau ID pengguna Google sesi Google target, dan harus ada sesi Google yang aktif untuk akun tersebut di browser.

API pencabutan akan mencabut berbagi token ID dan cakupan otorisasi lainnya jika diberikan sebelumnya. Hal ini selalu terjadi, terlepas dari API pencabutan yang Anda gunakan.

Poin Penting: API pencabutan tidak menampilkan UI apa pun. Lihat Mencabut izin pengguna untuk mengetahui detail selengkapnya.

Pembuat kode

Pembuat kode adalah alat developer yang dapat membantu Anda membuat kode integrasi sisi klien. Dengan Login dengan Google HTML API, Anda mungkin tidak memerlukan kode JavaScript untuk integrasi sisi klien.

Untuk developer yang memilih menggunakan JavaScript API, sebaiknya gunakan generator kode untuk mendesain tombol Anda secara interaktif. Anda juga dapat membuat kode HTML terlebih dahulu, lalu menyalin kode ke kolom yang sesuai di JavaScript API.

Poin Penting: Gunakan generator kode untuk membuat kode integrasi sisi klien.