קיצורי הדרך של האפליקציות מאפשרים גישה מהירה לכמה פעולות נפוצות שהמשתמשים צריכים לבצע לעיתים קרובות.
כדי לשפר את חוויית המשתמש והם מעודדים עידוד לאינטראקציה חוזרת באמצעות משימות מרכזיות, פלטפורמת האינטרנט תומכת עכשיו במקשי קיצור של אפליקציות. הם מאפשרים למפתחי אתרים לספק גישה מהירה לכמה פעולות נפוצות שמשתמשים זקוקים להן לעיתים קרובות.
במאמר הזה נסביר איך להגדיר קיצורי דרך של אפליקציות. בנוסף, תוכלו ללמוד כמה שיטות מומלצות שמשויכות אליו.
מידע על קיצורי דרך של אפליקציות
קיצורי דרך של אפליקציות עוזרים למשתמשים להתחיל במהירות משימות נפוצות או מומלצות בחשבון בדפדפן. אפשר לגשת בקלות למשימות האלה מכל מקום שבו מוצג סמל האפליקציה לשפר משתמשים וכן להגביר את היעילות שלהם באינטרנט אפליקציה.
כדי להפעיל את תפריט קיצורי הדרך של האפליקציות, לוחצים לחיצה ימנית על סמל האפליקציה בסרגל האפליקציות (Windows) או ב-Dock (macOS) בשולחן העבודה של המשתמש, או מקישים על & שמחזיקי�� את סמל מרכז האפליקציות ב-Android.
תפריט קיצורי הדרך של האפליקציות מוצג רק עבור Progressive Web Apps שהן מותקנת במחשב או במכשיר הנייד של המשתמש. כדאי לקרוא את המאמר בנושא התקנה במאמר "מידע על 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 ליחידות פיקסלים.)
בדיקת קיצורי הדרך של אפליקציות
כדי לוודא שקיצורי הדרך של האפליקציות מוגדרים כראוי, צריך להשתמש בחלונית מניפסט החלונית Application של DevTools.
בחלונית הזו מוצגת גרסה קריאה לאנשים של חלק גדול מקובצי המניפסט נכסים, כולל קיצורי ��רך של ��פליקציות. ��א��שר ל��מת בקלות שכלל אם סופקו סמלי קיצור, הם נטענים כמו שצריך.
יכול להיות שקיצורי דרך של אפליקציות לא יהיו זמינים מיד לכל המשתמשים בגלל מצב Progressive עדכונים של אפליקציות אינטרנט מוגבלים לפעם אחת ביום. מידע נוסף על איך Chrome מטפל בעדכונים של קובץ המניפסט של אפליקציית האינטרנט
שיטות מומלצות
סדר את קיצורי הדרך של האפליקציות לפי עדיפות
קיצורי הדרך מוצגים לפי הסדר שבו הגדרתם אותם במניפסט. אנחנו ממליצים לסדר את קיצורי הדרך של האפליקציות לפי עדיפות כי המגבלה מספר קיצורי הדרך המוצגים של אפליקציות משתנה לפי הפלטפורמה. Chrome ו-Edge מופעלים למשל, Windows מגביל את מספר קיצורי הדרך של אפליקציות ל-10 בזמן ש-Chrome עבור Android מציג רק 3. לפני Chrome 92 ל-Android 7, 4 היה אפשר להשתמש בו. כרום 92 הוסיף קיצור דרך להגדרות האתר, תוך שימוש באחד מקיצורי הדרך הזמינים מיקומי מודעות באפליקציה.
להשתמש בשמות ייחודיים של קיצורי דרך לאפליקציות
לא כדאי להסתמך על סמלים כדי להבדיל בין קיצורי דרך של אפליקציות, כי יכול להיות שהם לא להיות גלויות תמיד. לדוגמה, macOS לא תומכת בסמלים ב-Dock תפריט קיצורי הדרך. כדאי להשתמש בשמות ייחודיים לכל קיצור דרך של אפליקציה.
מדידת השימוש בקיצורי דרך של אפליקציות
צריך להוסיף הערות לקיצורי דרך לאפליקציות url רשומות, כמו שהיית עושה עם
start_url למטרות ניתוח נתונים (למשל url:
"/my-shortcut?utm_source=homescreen").
תמיכה בדפדפנים
קיצורי דרך של אפליקציות זמינים בפלטפורמות ובגרסאות שמפורטות בהמשך.
תמיכה בנושא פעילות באינטרנט מהימנה
בועות, הכלי המומלץ לבניית אפליקציות ל-Android שמשתמשות ב-דפים מהימנים פעילות, קריאת קיצורי הדרך של האפליקציות מהמניפסט של אפליקציית האינטרנט ובאופן אוטומטי יוצרת את ההגדרות האישיות המתאימות לאפליקציה ל-Android. שימו לב שסמלים עבור קיצורי דרך של אפליקציות הם חובה וצריכים להיות בגודל של לפחות 96 על 96 פיקסלים גלישת בועות.
PWABuilder – כלי נהדר שעוזר להפוך בקלות Progressive Web App לאפליקציה מהימנה ב'פעילות באינטרנט' יש תמיכה בקיצורי דרך לאפליקציות עם נקודות מבט מסוימות.
למפתחים שמשלבים את 'פעילות באינטרנט מהימנה' באופן ידני ב-Android אפשר להשתמש בקיצורי דרך לאפליקציות ל-Android כדי להטמיע והתנהגויות.
��וגמה
מומלץ לעיין בדוגמה לקיצורי דרך לאפליקציות ובמקור שלה.