JavaScript API का इस्तेमाल करना

अगर आप चाहें, तो One Tap प्रॉम्प्ट को ट्रिगर करने या 'Google से साइन इन करें' बटन को रेंडर करने के लिए, सिर्फ़ JavaScript कोड का इस्तेमाल किया जा सकता है.

JavaScript में One Tap की सुविधा को कॉन्फ़िगर करने के लिए, आपको सबसे पहले initialize() तरीके को कॉल करना होगा. इसके बाद, प्रॉम्प्ट यूज़र इंटरफ़ेस (यूआई) दिखाने के लिए, prompt() तरीके को कॉल करें. यह कोड स्निपेट देखें:

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

यूज़र इंटरफ़ेस (यूआई) की स्थिति की सूचनाएं तुरंत पाने के लिए, prompt() तरीके में कॉलबैक फ़ंक्शन दें. यह कोड स्निपेट देखें:

<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>

नीचे दिए गए उदाहरण में, JavaScript में One Tap और 'Google से साइन इन करें' बटन, दोनों को रेंडर करने का तरीका बताया गया है.

<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>