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