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