רקע על Progressive Web Apps ועל סרגל המידע הקטן
אפליקציות מסוג Progressive Web App (PWA) הן דפוס ליצירת אתרים שדומים לאפליקציות, נטענים באופן מיידי, אמינים וניתנים להתקנה.
כש-PWA עובר את רשימת הבדיקה של אפשרות ההתקנה ב-Android, מופיעה בחלק התחתון של חלון הדפדפן תיבת דו-שיח של מערכת Chrome שנקראת סרגל מידע קטן.
היום, סרגל המידע הקצר 'הוספה למסך הבית' מוצג בו-זמנית עם האירוע beforeinstallprompt.
שינויים בגרסה 76 של Chrome
הקשבנו לקהילה שלנו, והבנו שמפתחים רוצים לקבל יותר שליטה על המועד שבו הם מבקשים מהמשתמשים להתקין PWA. הקשבנו למה שהמשתמשים אמרו לנו.
החל מגרסה Chrome 76, אפשר למנוע את הצגת סרגל המידע הקטן על ידי קריאה ל-preventDefault() באירוע beforeinstallprompt.
האירוע beforeinstallprompt יכול לעזור לכם לקדם את ההתקנה של אפליקציית האינטרנט המתקדמת שלכם, וכך להקל על המשתמשים להוסיף אותה למסך הבית שלהם.
הקהילה שלנו שיתפה אותנו במידע שלפיו משתמשים שמתקינים PWA במסך הבית שלהם הם משתמשים פעילים מאוד, עם יותר ביקורים חוזרים, יותר זמן שהייה באפליקציה, וכשזה רלוונטי, שיעורי המרה גבוהים יותר.
כדי לקדם את אפליקציית האינטרנט בלי סרגל המידע הקטן, צריך להאזין לאירוע beforeinstallprompt ואז לשמור את האירוע. לאחר מכן, מעדכנים את ממשק המשתמש כדי לציין שאפשר להתקין את ה-PWA. לדוגמה, אפשר להוסיף לחצן התקנה, להציג באנר התקנה, להשתמש בקידום מכירות בגוף הפיד או להוסיף אפשרות בתפריט. כשהמשתמש לוחץ על רכיב ההתקנה, צריך להפעיל את האירוע prompt() on
השמור beforeinstallprompt כדי להציג את תיבת הדו-שיח של חלון ההודעה להוספה למסך הבית.
העתיד של סרגל המידע הקטן 'הוספה למסך הבית'
השימוש בסרגל המידע של 'הוספה למסך הבית' הוא עדיין אמצעי זמני. אנחנו בוחנים דפוסי ממשק משתמש חדשים שיאפשרו למשתמשי אפליקציות אינטרנט מתקדמות (PWA) להתקין אותן, ונעשה זאת באופן שיפחית את העומס בחוויית הגלישה.