Chrome के पता बार (खोज वाली पट्टी) में नए 'इंस्टॉल करें' बटन से, प्रोग्रेसिव वेब ऐप्लिकेशन को इंस्टॉल करना आसान होता है.
डेस्कटॉप पर, उपयोगकर्ता को आम तौर पर इस बात का कोई संकेत नहीं मिलता कि प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल किया जा सकता है. अगर ऐसा है, तो इंस्टॉल फ़्लो तीन बिंदु वाले मेन्यू में छिपा हुआ होता है.
Chrome 76 में (जून 2019 के बीच में बीटा वर्शन में), हम उपयोगकर्ताओं के लिए डेस्कटॉप पर प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल करना आसान बना रहे हैं. इसके लिए, पता बार (खोज वाली पट्टी) में 'इंस्टॉल करें' बटन जोड़ें. अगर कोई साइट प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल करने की ज़रूरी शर्तों को पूरा करती है, तो Chrome पता बार में अपने-आप इंस्टॉल आइकॉन दिखाएगा. बटन पर क्लिक करने से, उपयोगकर्ता को PWA इंस्टॉल करने का प्रॉम्प्ट मिलता है.
इंस्टॉल करने के दूसरे इवेंट की तरह, appinstalled इवेंट की मदद से यह भी पता लगाया जा सकता है कि उपयोगकर्ता ने आपका PWA इंस्टॉल किया है या नहीं.
अपना खुद का इंस्टॉल प्रॉम्प्ट जोड़ना
अगर आपके PWA में ऐसे मामले हैं जहां उपयोगकर्ताओं के लिए आपका ऐप्लिकेशन इंस्टॉल करना मददगार है, तो आपको अपने ऐप्लिकेशन के वेब यूज़र इंटरफ़ेस (यूआई) में PWA को इंस्टॉल करने का प्रमोशन करना चाहिए.
पसंद के मुताबिक बनाया गया 'इंस्टॉल करें' बटन जोड़ने के लिए, beforeinstallprompt इवेंट सुनें. इसके सक्रिय होने पर,
इवेंट का एक रेफ़रंस सेव करें और अपना यूज़र इंटरफ़ेस अपडेट करें
ताकि उपयोगकर्ता को पता चल जाए कि वे आपका प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल कर सकते हैं.
PWA को इंस्टॉल करने के प्रमोशन के पैटर्न
PWA को इंस्टॉल करने का प्रमोशन करने के तीन मुख्य तरीके हैं:
- अपने-आप ब्राउज़र प्रमोशन, जैसे कि पता बार 'इंस्टॉल करें' बटन.
- ऐप्लिकेशन यूज़र इंटरफ़ेस (यूआई) प्रमोशन, जिसमें ऐप्लिकेशन इंटरफ़ेस में यूज़र इंटरफ़ेस (यूआई) एलिमेंट दिखते हैं, जैसे कि बैनर, हेडर या नेविगेशन मेन्यू में मौजूद बटन वगैरह.
- इनलाइन प्रमोशन पैटर्न से साइट के कॉन्टेंट के बीच में प्रमोशन जुड़ जाते हैं.
ज़्यादा जानकारी के लिए, मोबाइल पर PWA इंस्टॉल करने के प्रमोशन के पैटर्न देखें. इसका फ़ोकस मोबाइल पर होता है, लेकिन कई पैटर्न डेस्कटॉप पर लागू होते हैं या इसे डेस्कटॉप पर इस्तेमाल करने के लिए आसानी से बदला जा सकता है.