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

Penny McLachlan
Penny McLachlan

प्रोग्रेसिव वेब ऐप्लिकेशन और मिनी-जानकारी बार के बारे में जानकारी

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

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

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

Chrome 76 में हुए बदलाव

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

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

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

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

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

'होम स्क्रीन पर जोड़ें' मिनी-इंफ़ोबार के बारे में जानकारी

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