כניסה ויציאה אוטומטיים

בדף הזה מוסבר איך להטמיע תכונות שקשורות לאופן שבו משתמשים נכנסים לחשבון או יוצאים ממנו באמצעות Google One Tap.

Google One Tap תומך בכניסה אוטומטית, שמעניקה חוויית משתמש (UX) חלקה על ידי הסרת הפעולות הידניות שהמבקרים צריכים לבצע כשהם חוזרים לאתר. המשתמשים לא צריכים לזכור איזה חשבון Google הם בחרו בביקור האחרון שלהם, וכך פוחת הסיכויים שייווצרו חשבונות כפולים מיותרים בפלטפורמה שלכם.

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

כדי שכניסה אוטומטית תתרחש, נדרשים התנאים הבאים:

המשתמשים צריכים להיות מחוברים לחשבון Google שלהם.
הסכמה בעבר לשיתוף פרופיל החשבון שלו עם האפליקציה שלך, וגם
בעת שימוש ב-FedCM, ביצע רק ניסיון כניסה אחד ב-10 הדקות האחרונות. הקשה אחת מוצגת כשמתרחשים ניסיונות כניסה חוזרים במהלך החלון הזה.
כאשר משתמשים ב-FedCM, דפדפן Chrome דורש מהמשתמשים לאשר מחדש שהם רוצים להיכנס לאתר באמצעות חשבון Google בכל מכונת Chrome, גם אם הם אישרו את האתר לפני ההשקה של ה-FedCM. השינוי הזה עשוי להשפיע על שיעור ההמרה באתר הקיים שלך באמצעות הקשה אחת. בגרסה M121 של Chrome, שיפור בכניסה אוטומטית מצמצם את הירידה בשיעור ההמרה.

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

אפשר למדוד את שיעור ההצלחה של הכניסה האוטומטית באמצעות הערך auto בשדה select_by באובייקט פרטי הכניסה שהוחזר.

כדי להפעיל כניסה אוטומטית, צריך להוסיף את data-auto_select="true" לקוד, כפי שמוצג בקטע הקוד הבא:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-auto_select="true">
</div>

יציאה מהחשבון

כשמשתמש יוצא מהאתר, הוא יכול לעבור לדף שבו מוצגת באופן אוטומטי בקשה ל-Google One Tap. להגדרה הזו, צריך למנוע את הבחירה האוטומטית. אחרת, המשתמש נכנס שוב באופן אוטומטי, וזה מוביל לחווית משתמש בלופ.

באמצעות FedCM

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

ללא FedCM

כדי למנוע בחירה אוטומטית אחרי שמשתמש יוצא מהחשבון, צריך להוסיף את שם הכיתה g_id_signout לכל הקישורים והלחצנים להתנתקות. ראו את קטע הקוד הבא:

<div class="g_id_signout">Sign Out</div>

ניתן להשתמש גם בקטע קוד ה-JavaScript הבא ליציאה:

const button = document.getElementById('signout_button');
button.onclick = () => {
  google.accounts.id.disableAutoSelect();
}

כתוצאה מכך, הסטטוס 'ללא חיבור לחשבון' מתועד באמצעות קובץ cookie בדומיין כדי להימנע מחוויית המשתמש במצב לולאה מבוימת.

סטטוס היציאה נשמר בקובץ ה-cookie g_state בדומיין שלך. אם יש לכם שירות שעוקב אחרי כל קובצי ה-cookie שנמצאים בשימוש בדומיין, עליכם להודיע להם על קובץ ה-cookie הזה.

אם אתם לא רוצים לטעון את ספריית הלקוח בדפים אחרי ההתחברות, תוכלו להשתמש בפתרונות הבאים כדי למנוע חוויית משתמש מבוימת אחרי שמתנתקים:

כשיוצאים מהחשבון, צריך להפנות את המשתמשים לדף (למשל, https://example.com/logged_out) שבו לא מוצגת הקשה אחת, או לדף שבו הכניסה האוטומטית תמיד מושבתת.
אחרי שמתנתקים, מוסיפים פרמטר לכתובת ה-URL. לדוגמה, logged_out=1. כשמבצעים רינדור One Tap by JavaScript API, צריך לבדוק את הפרמטר של כתובת ה-URL ולהשבית את הכניסה האוטומטית, אם היא קיימת.

התהליכים העיקריים שעוברים המשתמשים

דף הכניסה האוטומטית.

באמצעות FedCM

חלון קופץ לכניסה אוטומטית של FedCM

אם המשתמשים לא ילחצו על X כדי לבטל תוך 5 שניות, ישותף אסימון מזהה עם האתר שלכם.

ללא FedCM

חלון קופץ לכניסה אוטומטית.

אם המשתמשים לא ילחצו על הלחצן Cancel תוך 5 שניות, האסימון המזהה ישותף עם האתר.

לאחר ביטול הכניסה, בהתאם למספר הסשנים הפעילים ב-Google, יוצג הדף של הכלי לבחירת חשבונות או הדף של המשתמש החוזר.

כמה ביקורים ב-Google

באמצעות FedCM

ללא FedCM
סשנים בודדים ב-Google

באמצעות FedCM

ללא FedCM

נקודה חשובה: אחרי הביטול, הכניסה האוטומטית מושבתת למשך יום אחד.