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

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

כניסה אוטומטית של משתמשים

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

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

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

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

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

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

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

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

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