שימוש ב-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>