בדף הזה מתוארת חוויית המשתמש (UX) של הלחצן 'כניסה באמצעות חשבון Google'.
רינדור של כפתורים
לחצן מותאם אישית מציג את פרטי הפרופיל בסשן הראשון ב-Google שבו האתר שלכם מאושר. לסשן מאושר ב-Google יש חשבון תואם באתר שלכם, שהמשתמש בו נכנס באמצעות 'כניסה באמצעות חשבון Google' בעבר.
אם מוצג לחצן בהתאמה אישית, המשתמש יודע את הפרטים הבאים:
- יש לפחות סשן פעיל אחד ב-Google.
- יש חשבון תואם באתר.
כפתור מותאם אישית מאפשר למשתמשים לקבל במהירות אינדיקציה לגבי סטטוס הסשן, גם בצד של Google וגם באתר שלכם, לפני שהם לוחצים על הכפתור. האפשרות הזו שימושית במיוחד למשתמשי קצה שנכנסים לאתר שלכם רק מדי פעם. יכול להיות שהם ישכחו אם נוצר חשבון או לא, ובאיזו דרך. לחצן מותאם אישית מזכיר להם שהם כבר השתמשו בעבר בכניסה באמצעות חשבון Google. כך אפשר למנוע יצירה מיותרת של חשבונות כפולים באתר.
כדי לציין את סטטוס הפעילות, הלחצן המותאם אישית מוצג באופנים הבאים:
סשן אחד: יש רק סשן אחד בצד של Google. במהלך הסשן הזה, הלקוח מאשר את החשבון, ויש חשבון תואם באתר שלכם.
סשנים מרובים: יש כמה סשנים בצד של Google. הסשנים האלה מאשרים את הלקוח. האישור מסומן בחץ הרשימה שלצד החשבון המוצג. לפחות סשן אחד מקושר לחשבון באתר שלכם.
אין סשן: אין סשן בצד של Google, או שאף אחד מהסשנים לא אישר את הלקוח עדיין.
הלחצן המותאם אישית מוצג באופן אוטומטי כשסטטוס הסשן מתאים, אלא אם הגדרות הלחצן לא מאפשרות את הצגת הלחצן המותאם אישית. הלחצן המותאם אישית לא מוצג אם:
- הערך של המאפיין
data-typeהואicon. - המאפיין
data-sizeמוגדר כ-mediumאו כ-small. - הערך של מאפיין
data-widthקטן מ-200px. - קובץ Cookie של צד שלישי חסום, וגרסת FedCM של הכפתור לא מופעלת.
אם השם או כתובת האימייל ארוכים מדי ואי אפשר להציג אותם בתוך הלחצן, הם יקוצרו.
מנהל אישורים מאוחד (FedCM)
ארגז החול לפרטיות באינטרנט מציג שינויים משמעותיים ב-Google Identity Services ובכניסת משתמשים. היא משפיעה על לחצן הכניסה המותאם אישית באמצעות חשבון Google. למרות שהכפתור לא משפיע על תהליך הכניסה, אם קובצי Cookie של צד שלישי חסומים, משתמשים חוזרים לא יראו את הכפתור המותאם אישית.
עם זרימת הלחצנים של Federated Credentials Management API (FedCM), המשתמשים יכולים לראות באתר שלכם את הלחצן המותאם אישית 'כניסה באמצעות חשבון Google'. כברירת מחדל, FedCM מושבת, אבל אפשר להפעיל אותו על ידי שינוי מאפיין אחד (HTML/JavaScript). היתרונות של לחצן FedCM כוללים:
חוויית משתמש משופרת למשתמשים חוזרים: תהליך הכניסה של משתמשים חוזרים יעיל יותר כי הם יכולים לזהות את החשבונות הקיימים שלהם. השיפור הזה בזיהוי מוביל לשיעור קליקים (CTR) גבוה יותר. בנוסף, בניגוד לזרימת הלחיצה על הלחצן בלי הפעלת FedCM, זרימת הלחיצה על הלחצן של FedCM תומכת בתכונה בחירה אוטומטית – משתמשים חוזרים עם סשן פעיל ב-Google יתחברו אוטומטית אחרי הלחיצה על הלחצן, בלי שתוצג להם ההנחיה לבחירת חשבון.
שילוב משופר של תכונות: שילבנו את הפונקציות של 'לחיצה אחת' ו'כניסה אוטומטית', כדי לאפשר לכל התכונות של כניסה באמצעות חשבון Google בניהול משולב של פרטי כניסה (FedCM) לפעול יחד מצד שלישי אחד (RP). מחוות המשתמשים בתהליך של כפתור FedCM יתועדו ויכובדו על ידי Chrome כדי להשלים את האימות מחדש של פעם אחת בתהליך הכניסה האוטומטית באמצעות One Tap. כך תוכלו ליהנות מחוויה חלקה בכל התכונות.
תהליכים מרכזיים שעוברים המשתמשים
המסלולים להמרת לקוח משתנים בהתאם לסטטוסים הבאים.
סטטוס הסשן באתרים של Google. המונחים הבאים משמשים לציון סטטוסים שונים של סשן Google כשהמשתמש מתחיל את המסלול שלו.
- Has-Google-session: יש לפחות סשן פעיל אחד באתרים של Google.
- No-Google-session: אין סשן פעיל באתרים של Google.
האם חשבון Google שנבחר אישר את האתר שלכם כשהמסלול של המשתמש מתחיל. המונחים הבאים משמשים לציון סטטוס אישור שונה.
- משתמש חדש: החשבון שנבחר לא אישר את האתר שלכם.
- משתמש חוזר: האתר שלכם כבר אושר בחשבון שנבחר.
מסלול משתמש חדש עם סשן חדש ב-Google
כפתור ללא FedCM
הכפתור לכניסה באמצעות חשבון Google.
דף בחירת החשבון.
דף הסכמת המשתמש החדש.
אחרי שהמשתמש מאשר, טוקן מזהה משותף עם האתר שלכם.
המשתמשים יכולים להוסיף סשן חדש ב-Google בלחיצה על הלחצן שימוש בחשבון אחר. אפשר לעיין בקטע No-Google-session (ללא סשן ב-Google) במאמר הזה.
כפתור באמצעות FedCM
המסך הלפני האחרון בתהליך הוא מסך הטעינה, שמוביל את המשתמשים באופן אוטומטי אל נקודת הקצה לכניסה בלי שהם צריכים לבצע פעולה.
מסלול המשתמש החוזר עם סשן Google
כפתור ללא FedCM
הכפתור לכניסה באמצעות חשבון Google.
דף בחירת החשבון.
אחרי שהמשתמש בוחר חשבון קיים, טוקן מזהה משותף עם האתר שלכם.
משתמשים יכולים להוסיף סשן חדש ב-Google בלחיצה על הלחצן שימוש בחשבון אחר. אפשר לעיין בקטע 'תרחישי שימוש ללא סשן ב-Google'.
כפתור באמצעות FedCM
המסך הלפני האחרון בתהליך הוא מסך הטעינה, שמוביל את המשתמשים באופן אוטומטי אל נקודת הקצה לכניסה בלי שהם צריכים לבצע פעולה.
Has-Google-session עם בחירה אוטומטית של מסלול המרה של משתמש חוזר
כפתור ללא FedCM
ללחצן לכניסה באמצעות חשבון Google ללא FedCM אין תכונת בחירה אוטומטית.
כפתור באמצעות FedCM
משתמשים חוזרים עם סשן פעיל ב-Google ייבחרו אוטומטית אחרי הלחיצה על הלחצן, בלי שתופיע בקשת Account Chooser. מגדירים את המאפיין auto select כ-true (HTML/JavaScript).
מסלול משתמש חדש ללא סשן ב-Google
כפתור ללא FedCM
הכפתור לכניסה באמצעות חשבון Google.
הדף הראשון שבו אפשר להוסיף סשן חדש ב-Google.
הדף השני שבו אפשר להוסיף סשן חדש ב-Google.
דף הסכמת המשתמש החדש.
אחרי שהמשתמש מאשר, טוקן מזהה משותף עם האתר שלכם.
כפתור באמצעות FedCM
המסך הלפני האחרון בתהליך הוא מסך הטעינה, שמוביל את המשתמשים באופן אוטומטי אל נקודת הקצה לכניסה בלי שהם צריכים לבצע פעולה.
מסלול משתמש חוזר ללא סשן ב-Google
כפתור ללא FedCM
הכפתור לכניסה באמצעות חשבון Google.
הדף הראשון שבו אפשר להוסיף סשן חדש ב-Google.
הדף השני שבו אפשר להוסיף סשן חדש ב-Google.
אחרי שהמשתמש לוחץ על הלחצן הבא, טוקן מזהה משותף עם האתר שלכם.
כפתור באמצעות FedCM
תרחישי שימוש מרכזיים בחשבונות Family Link
התהליכים הכלליים שהמשתמשים עוברים, שמופיעים בקטע הקודם, עדיין רלוונטיים. בהמשך מוצג התהליך הנוסף שיוצג כשנכנסים לחשבון Google של ילדים.
כפתור ללא FedCM
No-Google-session
הכפתור לכניסה באמצעות חשבון Google.
הדף הראשון שבו מוסיפים חיבור חדש של ילד או ילדה ב-Google (כתובת האימייל בחשבון Google של ילד או ילדה).
הדף השני שבו מוסיפים סשן חדש של חשבון Google של ילד או ילדה (הסיסמה לחשבון Google של הילד או הילדה).
הדף הראשון שבו ההורה מאשר להוסיף סשן חדש של ילד או ילדה ב-Google.
הדף השני שבו ההורה צריך לאשר את הוספת הסשן החדש של הילד או הילדה בחשבון Google.
הדף השלישי שבו צריך לקבל אישור מההורה כדי להוסיף סשן חדש של ילד/ה ב-Google.
הדף הראשון שבו ההורה מאשר את הכניסה של ילד/ה לחשבון Google באפליקציה.
הדף השני שבו ההורה מאשר את הכניסה של ילד או ילדה לחשבון Google באפליקציה.
הדף השלישי שבו ההורה צריך לאשר את הכניסה של חשבון Google של ילד או ילדה לאפליקציה.
הדף האחרון שבו ההורה מאשר את הכניסה של חשבון Google של ילדים לאפליקציה.
אחרי שההורה לוחץ על הלחצן המשך, טוקן מזהה משותף עם האתר שלכם.
Has-Google-session
הכפתור לכניסה באמצעות חשבון Google.
דף בחירת החשבון.
הדף הראשון שבו ההורה מאשר את הכניסה של ילד/ה לחשבון Google באפליקציה.
הדף השני שבו ההורה מאשר את הכניסה של ילד או ילדה לחשבון Google באפליקציה.
הדף השלישי שבו ההורה צריך לאשר את הכניסה של חשבון Google של ילד או ילדה לאפליקציה.
הדף האחרון שבו ההורה מאשר את הכניסה של חשבון Google של ילדים לאפליקציה.
אחרי שההורה לוחץ על הלחצן המשך, טוקן מזהה משותף עם האתר שלכם.
כפתור באמצעות FedCM
בשלב הזה, לחצן הכניסה באמצעות Google עם FedCM מופעל לא תומך בחשבונות Family Link.
מידע נוסף על תהליך העבודה של כפתור FedCM
אם אפליקציית האינטרנט שלכם קוראת ל-Button API מתוך iframe ממקורות שונים, צריך להוסיף את המאפיין
allow="identity-credentials-get"למסגרת ההורה. מידע נוסף זמין בשלב 7.הגדרתם בצורה נכונה את Content Security Policy (CSP) של האתר. מידע נוסף זמין בשלב 8.
לסטטוס של תקופת הצינון ולהגדרות הכניסה של צד שלישי ב-Chrome אין השפעה על תהליך הלחיצה על הלחצן של FedCM. הסטטוס (כפי שמוצג בצילומי המסך הבאים) משפיע רק על חוויית המשתמש של One Tap.