שימוש ב-JavaScript API

אם אתם מעדיפים, תוכלו להשתמש רק בקוד JavaScript כדי להפעיל את ההנחיה 'הקשה אחת' או להציג את הלחצן 'כניסה באמצעות חשבון Google'.

כדי להגדיר את ההנחיה להקשה אחת ב-JavaScript, קודם צריך להפעיל את השיטה initialize(). לאחר מכן, קוראים ל-method‏ 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 גם את הלחצן 'הקשה אחת' וגם את הלחצן 'כניסה באמצעות חשבון 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>