Login dan logout otomatis

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Halaman ini menjelaskan cara menerapkan fitur terkait cara pengguna login atau logout dengan Google One Tap.

Memproses login pengguna secara otomatis

Google One Tap mendukung login otomatis yang memberikan pengalaman pengguna (UX) yang lancar dengan menghapus langkah-langkah manual yang harus dilakukan pengunjung saat kembali ke situs Anda. Pengguna tidak perlu mengingat Akun Google yang mereka pilih selama kunjungan terakhir mereka, sehingga mengurangi kemungkinan akun duplikat yang tidak perlu dibuat di platform Anda.

Login otomatis dimaksudkan untuk melengkapi tombol Login dengan Google dan dialog Sekali Ketuk. Fitur ini dirancang untuk digunakan di seluruh situs Anda, dengan pendaftaran manual atau pengalihan akun yang hanya terjadi setelah pengguna logout dari situs Anda untuk pertama kalinya.

Agar dapat login otomatis terjadi, kondisi berikut diperlukan:

  • pengguna harus login terlebih dahulu ke akun Google dan
  • sebelumnya telah memberikan izin untuk membagikan profil akunnya ke aplikasi Anda.

Untuk halaman yang mengaktifkan Login otomatis dan jika kondisi ini terpenuhi, kredensial token ID pengunjung akan otomatis ditampilkan tanpa interaksi pengguna. Jika kondisi ini tidak terpenuhi, dan meskipun Login otomatis diaktifkan di halaman, pengguna akan menggunakan alur Sekali Ketuk untuk login atau izin secara default. Jika pengguna memiliki beberapa akun Google dan mengunjungi situs Anda, mereka harus login terlebih dahulu ke satu akun Google dan harus memberikan izin untuk akun tersebut.

Anda dapat mengukur tingkat keberhasilan login otomatis menggunakan nilai auto di kolom select_by untuk objek kredensial yang ditampilkan.

Untuk mengaktifkan login otomatis, tambahkan data-auto_select="true" ke kode Anda, seperti yang ditunjukkan dalam cuplikan berikut:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-auto_select="true"
     data-login_uri="https://your.domain/your_login_endpoint">
</div>

Logout

Saat pengguna logout dari situs Anda, pengguna dapat diarahkan ke halaman tempat perintah Google One Tap ditampilkan secara otomatis. Untuk penyiapan ini, pemilihan otomatis harus dilarang. Jika tidak, pengguna akan otomatis login lagi, yang mengarah ke UX loop mati.

Untuk melarang pemilihan otomatis setelah pengguna logout, tambahkan nama class g_id_signout ke semua tombol dan link logout. Lihat cuplikan kode berikut:

<div class="g_id_signout">Sign Out</div>

Cuplikan kode JavaScript berikut juga dapat digunakan untuk logout:

  const button = document.getElementById(‘signout_button’);
    button.onclick = () => {
      google.accounts.id.disableAutoSelect();
    }

Akibatnya, status logout dicatat melalui cookie di domain Anda sehingga UX loop mati dapat dihindari.

Status logout disimpan ke dalam cookie g_state di domain Anda. Jika memiliki layanan yang memantau semua cookie yang digunakan di domain, Anda perlu memberi tahu mereka tentang cookie ini.

Jika tidak ingin memuat library klien di halaman setelah login, Anda dapat menggunakan beberapa solusi sederhana seperti di bawah ini untuk mencegah UX loop mati saat logout.

  • Saat logout, alihkan pengguna ke halaman (misalnya, https://example.com/logged_out) dengan One Tap tidak ditampilkan, atau login otomatis akan selalu dinonaktifkan.
  • Saat logout, tambahkan parameter ke URL. Misalnya, logged_out=1. Saat merender One Tap dengan JavaScript API, periksa parameter URL tersebut dan nonaktifkan login otomatis saat ada.

Perjalanan pengguna utama

  1. Halaman login otomatis.

    Pop-up login otomatis.

  2. Jika pengguna tidak mengklik tombol Cancel dalam 5 detik, token ID akan dibagikan ke situs Anda.

  3. Saat Login dibatalkan, berdasarkan jumlah sesi Google aktif, halaman pemilih akun atau halaman pengguna yang kembali akan ditampilkan.

    • Beberapa sesi Google

      Halaman Pemilih Akun

    • Sesi Google Tunggal

      Halaman pengguna sekali ketuk yang kembali