שימוש ב-JavaScript API

מטרה: אם תהליך ההתחברות המוגדר כברירת מחדל לא עומד בדרישות שלכם, תוכלו להתאים אותו אישית בכמה דרכים. למידע על האפשרויות הזמינות להתאמה אישית, לחצו על הקישור הבא.

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

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