קיצורי דרך לאפליקציות מספקים גישה מהירה לכמה פעולות נפוצות שהמשתמשים צריכים לעיתים קרובות.
כדי לשפר את הפרודוקטיביות של המשתמשים ולעודד אותם לחזור למשימות חשובות, פלטפורמת האינטרנט תומכת עכשיו במקשי קיצור לאפליקציות. הם מאפשרים למפתחי אינטרנט לספק גישה מהירה לכמה פעולות נפוצות שהמשתמשים צריכים לעיתים קרובות.
במאמר הזה נסביר איך מגדירים קיצורי דרך לאפליקציות. בנוסף, תלמדו כמה שיטות מומלצות שקשורות לנושא.
מידע על קיצורי דרך של אפליקציות
קיצורי דרך לאפליקציות עוזרים למשתמשים להתחיל במהירות משימות נפוצות או מומלצות באפליקציית האינטרנט. הגישה הקלה למשימות האלה מכל מקום שבו מוצג סמל האפליקציה תשפר את הפרודוקטיביות של המשתמשים ותגביר את ההתעניינות שלהם באפליקציית האינטרנט.
כדי להפעיל את תפריט קיצורי הדרך של האפליקציות, לוחצים לחיצה ימנית על סמל האפליקציה בשורת המשימות (Windows) או ב-Dock (macOS) במחשב של המשתמש, או לוחצים לחיצה ארוכה על סמל מרכז האפליקציות של האפליקציה ב-Android.
תפריט קיצורי הדרך של האפליקציות מוצג רק לאפליקציות אינטרנט מתקדמות שמותקנות במחשב או במכשיר הנייד של המשתמש. במאמר התקנה במודול 'מידע על אפליקציות PWA' מפורט מידע על הדרישות בנוגע להתקנה.
כל קיצור דרך לאפליקציה מייצג את כוונת המשתמש, וכל אחת מהן משויכת לכתובת URL בהיקף של אפליקציית האינטרנט. כתובת ה-URL נפתחת כשמשתמש מפעיל את קיצור הדרך לאפליקציה. דוגמאות לקיצורי דרך של אפליקציות:
- פריטי ניווט ברמה העליונה (למשל, דף הבית, ציר הזמן, ההזמנות האחרונות)
- חיפוש
- משימות של הזנת נתונים (למשל, כתיבת אימייל או ציוץ, הוספת קבלה)
- פעילויות (למשל, התחלת צ'אט עם אנשי הקשר הפופולריים ביותר)
הגדרת קיצורי דרך לאפליקציות בקובץ המניפסט של אפליקציית האינטרנט
אפשר להגדיר קיצורי דרך לאפליקציות במניפסט של אפליקציית האינטרנט, קובץ JSON שמספר לדפדפן על אפליקציית האינטרנט ואיך היא צריכה לפעול כשהיא מותקנת במחשב או במכשיר הנייד של המשתמש. באופן ספציפי יותר, הם מוצהרים במשתנה המערך shortcuts. בהמשך מופיעה דוגמה למניפסט של אפליקציית אינטרנט.
{
"name": "Player FM",
"start_url": "https://player.fm?utm_source=homescreen",
…
"shortcuts": [
{
"name": "Open Play Later",
"short_name": "Play Later",
"description": "View the list of podcasts you saved for later",
"url": "/play-later?utm_source=homescreen",
"icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
},
{
"name": "View Subscriptions",
"short_name": "Subscriptions",
"description": "View the list of podcasts you listen to",
"url": "/subscriptions?utm_source=homescreen",
"icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
}
]
}
כל חבר במערך shortcuts הוא מילון שמכיל לפחות name ו-url. חברים אחרים הם אופציונליים.
name- התווית שקריאה לאנשים של קיצור הדרך לאפליקציה כשהיא מוצגת למשתמש.
- ֶ
short_name(אופציונלי) - תווית שאנשים יכולים לקרוא כאשר השטח מוגבל. מומלץ לספק אותו, למרות שהוא אופציונלי.
- ֶ
description(אופציונלי) - המטרה של קיצור הדרך לאפליקציה, שקריאה לבני אדם. הוא לא נמצא בשימוש נכון לזמן כתיבת המאמר, אבל יכול להיות שהוא ייחשף לטכנולוגיה מסייעת בעתיד.
url- כתובת ה-URL שנפתחת כשמשתמש מפעיל את קיצור הדרך לאפליקציה. כתובת ה-URL הזו חייבת להתקיים בהיקף של המניפסט של אפליקציית האינטרנט. אם זוהי כתובת URL יחסית, כתובת ה-URL הבסיסית תהיה כתובת ה-URL של המניפסט של אפליקציית האינטרנט.
- ֶ
icons(אופציונלי) מערך של אובייקטים של משאבי תמונות. כל אובייקט חייב לכלול את המאפיין
srcואת המאפייןsizes. בניגוד לסמלי מניפסט של אפליקציות אינטרנט,typeשל התמונה הוא אופציונלי. נכון למועד כתיבת המאמר, אין תמיכה בקובצי SVG. במקום זאת, יש להשתמש בפורמט PNG.אם רוצים שהסמלים יהיו מושלמים בפיקסלים, אפשר להוסיף אותם במרווחים של 48dp (לדוגמה: סמלים של 36x36, 48x48, 72x72, 96x96 , 144x144 או 192x192 פיקסלים). אחרת, מומלץ להשתמש בסמל יחיד בגודל 192x192 פיקסלים.
כמדד איכות, הסמלים צריכים להיות לפחות חצי מהגודל האידיאלי של המכשיר ב-Android, שהוא 48dp. לדוגמה, כדי להציג את הסמל במסך xxhdpi, הוא צריך להיות בגודל של לפחות 72 על 72 פיקסלים. (הערך הזה נגזר מהנוסחה להמרה של יחידות dp ליחידות פיקסלים).
בדיקת קיצורי הדרך של האפליקציות
כדי לוודא שקיצורי הדרך של האפליקציות מוגדרים כראוי, משתמשים בחלונית Manifest בחלונית Application ב-DevTools.
בחלונית הזו מוצגת גרסה שאנשים יכולים לקרוא של רבים מהמאפיינים של המניפסט, כולל קיצורי דרך לאפליקציות. קל לוודא שכל הסמלים של קיצורי הדרך נטענים כמו שצריך, אם יש כאלה.
יכול להיות שקיצורי הדרך לא יהיו זמינים לכל המשתמשים באופן מיידי, כי העדכונים של אפליקציות האינטרנט המתקדמות מוגבלים לעדכון אחד ביום. איך Chrome מטפל בעדכונים למניפסט של אפליקציית האינטרנט
שיטות מומלצות
מיון קיצורי הדרך של האפליקציות לפי תעדוף
מקשי הקיצור מוצגים לפי הסדר שבו מגדירים אותם במניפסט. מומלץ למיין את קיצורי הדרך של האפליקציות לפי תעדוף, כי המגבלה על מספר קיצורי הדרך של האפליקציות שמוצגים משתנה בהתאם לפלטפורמה. למשל, Chrome ו-Edge ב-Windows מגבילים את מספר קיצורי הדרך של האפליקציות ל-10, ו-Chrome ל-Android מציג רק את 3. לפני Chrome 92 ל-Android 7, היו מותרות 4. ב-Chrome 92 הוספנו קיצור דרך להגדרות האתר, והוא תופס את אחד מהמקורות ��זמינים של קיצורי הדרך לאפליקציה.
שימוש בשמות ייחודיים לקיצורי הדרך של האפליקציות
לא כדאי להסתמך על סמלים כדי להבדיל בין קיצורי הדרך של האפליקציות, כי יכול להיות שהם לא יוצגו תמיד. לדוגמה, ב-macOS אין תמיכה בסמלים בתפריט הקיצורי הדרך של ה-Dock. כדאי להשתמש בשמות ייחודיים לכל קיצור דרך של אפליקציה.
מדידת השימוש בקיצורי הדרך של האפליקציות
כדאי להוסיף הערות לרשאות url של קיצורי דרך לאפליקציות, כמו שעושים עם start_url למטרות ניתוח נתונים (למשל url:
"/my-shortcut?utm_source=homescreen").
תמיכה בדפדפנים
קיצורי הדרך לאפליקציות זמינים בפלטפורמות ובגרסאות שמפורטות בהמשך.
תמיכה בפעילות Trusted Web
בועות, הכלי המומלץ לבניית אפליקציות ל-Android שמשתמשות בפעילות באינטרנט מהימנה, קוראת קיצורי דרך לאפליקציות מהמניפסט של אפליקציית האינטרנט ויוצרת באופן אוטומטי את ההגדרות האישיות המתאימות לאפליקציה ל-Android. שימו לב: הסמלים לקיצורי הדרך של האפליקציות הם חובה וצריכים להיות בגודל 96 על 96 פיקסלים לפחות ב-Buawrap
PWABuilder הוא כלי מצוין שמאפשר להפוך בקלות אפליקציה מסוג Progressive Web App לפעילות אינטרנט מהימנה. הכלי תומך בקיצורי דרך לאפליקציות, עם כמה אזהרות.
מפתחים שמשתמשים בשילוב ידני של Trusted Web Activity באפליקציות ל-Android יכולים להשתמש בקיצורי דרך לאפליקציות ל-Android כדי להטמיע את אותם התנהגויות.
דוגמה
כדאי לעיין בדוגמה לקיצורי דרך של אפליקציות ובמקור שלה.