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