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

Penny McLachlan
Penny McLachlan

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

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

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

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

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

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

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

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

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

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

'होम स्क्रीन पर जोड़ें' मिनी-जानकारी बार की सुविधा का आने वाला समय

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