Fitur Login dengan Google

Berikut 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 menonaktifkan login pihak ketiga secara global di browser yang mendukung FedCM. Jika pengguna memilih tidak ikut, Sekali Ketuk dan login otomatis tidak tersedia dan tidak ditampilkan.

Sekali Ketuk

Saat pengguna mengunjungi situs Anda, 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. Cukup dengan sekali ketuk (untuk satu kasus sesi Google) atau dua ketuk (jika ada beberapa sesi Google), pengguna dapat menyelesaikan alur login atau pendaftaran gabungan. UX Ketuk Sekali memungkinkan titik entri pengguna yang lancar, karena semua alur UX dilakukan di iframe yang disematkan di halaman web Anda.

Pop-up Sekali Ketuk yang meminta izin dan login pengguna

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

Sebaiknya Anda menempatkan fitur Sekali Ketuk di dialog login utama dan halaman leaf. Developer lebih memilih Sekali Ketuk karena banyak alasan:

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

Login otomatis

Dengan Satu Ketuk, Anda juga dapat mengaktifkan login otomatis yang dapat dibatalkan, yang memungkinkan UX yang disederhanakan untuk pengguna yang kembali. Tidak ada gestur pengguna yang diperlukan agar pengguna yang kembali dapat login secara otomatis ke situs Anda. Login otomatis dipicu saat hanya ada satu Akun Google aktif yang sebelumnya telah memberikan izin untuk membagikan profil akunnya kepada 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, ada periode tunggu 10 menit di antara peristiwa login otomatis. Jika login otomatis dipicu selama waktu ini, pengguna akan mengikuti alur login Sekali Ketuk, bukan alur login otomatis.

Login dengan Google untuk Web tidak mendukung login senyap. Dalam hal ini, kredensial akan ditampilkan tanpa UI yang ditampilkan. 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.

Perintah login otomatis Sekali Ketuk untuk Login dengan Google

Apakah akan mengaktifkan login otomatis adalah keputusan yang perlu Anda buat berdasarkan UX situs Anda sendiri.

Tombol Login dengan Google

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

Tombol login yang tidak dipersonalisasi

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

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

Tombol login yang dipersonalisasi

Selain tombol yang dipersonalisasi, tombol Login dengan Google mendukung Akun Google dengan Family Link dan mematuhi kebijakan Google Workspace yang ditetapkan oleh administrator organisasi.

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

  • Di UX pop-up, setelah tombol Login dengan Google diklik, jendela pop-up baru akan terbuka di atas halaman web Anda. Alur UX tombol dirender di jendela pop-up.
  • Dalam 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 UX tombol ditampilkan.

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

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

API pencabutan mencabut pembagian token ID dan cakupan otorisasi lainnya jika diberikan sebelumnya. Hal ini selalu terjadi, apa pun API pencabutan yang Anda gunakan.

Generator kode

Generator 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 apa pun untuk integrasi sisi klien.

Langkah 1 generator kode: penyiapan

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