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