Menggunakan JavaScript API

Jika mau, Anda hanya dapat menggunakan kode JavaScript untuk memicu perintah Sekali Ketuk atau merender tombol Login dengan Google.

Untuk mengonfigurasi perintah Sekali Ketuk di JavaScript, Anda harus memanggil metode initialize() terlebih dahulu. Kemudian, panggil metode prompt() untuk menampilkan UI prompt. Lihat cuplikan kode berikut:

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    google.accounts.id.prompt();
  }
</script>

Untuk menerima notifikasi status UI prompt, berikan fungsi callback ke metode prompt(). Lihat cuplikan kode berikut:

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    google.accounts.id.prompt((notification) => {
        if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
            // try next provider if OneTap is not displayed or skipped
        }
    });
  }
</script>

Contoh kode di bawah menunjukkan cara merender tombol Sekali Ketuk dan Login dengan Google di JavaScript.

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    const parent = document.getElementById('google_btn');
    google.accounts.id.renderButton(parent, {theme: "filled_blue"});
    google.accounts.id.prompt();
  }
</script>