Chrome 76 में, 'होम स्क्रीन पर जोड़ें' मिनी-इन्फ़ोबार को छिपाया जा सकता है

Penny McLachlan
Penny McLachlan

प्रोग्रेसिव वेब ऐप्लिकेशन और मिनी-इन्फ़ोबार का बैकग्राउंड

प्रोग्रेसिव वेब ऐप्लिकेशन (PWA), ऐप्लिकेशन जैसी, तुरंत लोड होने वाली, भरोसेमंद, और इंस्टॉल की जा सकने वाली वेबसाइटें बनाने का पैटर्न है.

जब आपका PWA Android पर इंस्टॉल करने की चेकलिस्ट को पास करता है, तो Chrome सिस्टम का एक डायलॉग बॉक्स विंडो में सबसे नीचे दिखेगा. इस डायलॉग को मिनी-इन्फ़ोबार कहा जाता है.

आज 'होम स्क्रीन पर जोड़ें' मिनी-इंफ़ोबार, beforeinstallprompt इवेंट के साथ एक ही समय पर दिखता है.

Chrome 76 में बदलाव

हमने अपनी कम्यूनिटी की बात सुनी है और हमने पाया कि डेवलपर उपयोगकर्ताओं को PWA इंस्टॉल करने के लिए कब कहें, इस पर ज़्यादा कंट्रोल चाहिए. हमने आपके सुझावों पर ध्यान दिया!

Chrome 76 से, मिनी-इन्फ़ोबार को बंद किया जा सकता है. इसके लिए, beforeinstallprompt इवेंट में preventDefault() को कॉल करें.

beforeinstallprompt इवेंट, आपके प्रोग्रेसिव वेब ऐप्लिकेशन को इंस्टॉल करने को प्रमोट करने में आपकी मदद कर सकता है. इससे, उपयोगकर्ताओं के लिए इसे अपनी होम स्क्रीन पर जोड़ना आसान हो जाता है. हमारे समुदाय ने बताया है कि होम स्क्रीन पर PWA इंस्टॉल करने वाले उपयोगकर्ता, ऐप्लिकेशन पर बार-बार आने वाले लोगों की संख्या ज़्यादा करते हैं, ऐप्लिकेशन में ज़्यादा समय बिताते हैं, और ज़रूरी होने पर कन्वर्ज़न रेट में बढ़ोतरी होती है.

Pinterest का उदाहरण, जिसमें PWA को इंस्टॉल करने का प्रमोशन करने के लिए, इंस्टॉल बैनर का इस्तेमाल किया गया है.
Pinterest के PWA का इंस्टॉल करने की योग्यता को बढ़ावा देने के लिए, इंस्टॉल बैनर का इस्तेमाल करके Pinterest का उदाहरण. 'होम स्क्रीन पर जोड़ें' फ़्लो के बारे में पूरी जानकारी पाने के लिए, होम स्क्रीन पर जोड़ें लेख पढ़ें. इसमें कोड सैंपल और दूसरे सबसे सही तरीके शामिल हैं.

मिनी-इन्फ़ोबार के बिना अपने वेब ऐप्लिकेशन का प्रमोशन करने के लिए, beforeinstallprompt इवेंट सुनें. इसके बाद, इवेंट को सेव करें. इसके बाद, यह बताने के लिए अपने यूज़र इंटरफ़ेस को अपडेट करें कि आपके PWA को इंस्टॉल किया जा सकता है. उदाहरण के लिए, इंस्टॉल बटन जोड़कर, इंस्टॉल करने के लिए बैनर दिखाकर, फ़ीड में प्रमोशन का इस्तेमाल करके या मेन्यू विकल्प का इस्तेमाल करके. जब उपयोगकर्ता इंस्टॉल एलिमेंट पर क्लिक करता है, तो सेव किए गए beforeinstallprompt इवेंट पर prompt() को कॉल करें, ताकि होम स्क्रीन पर मॉडल डायलॉग दिखे.

'होम स्क्रीन में जोड़ें' वाले मिनी-इन्फ़ोबार का भविष्य

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