প্রগতিশীল ওয়েব অ্যাপস এবং মিনি-ইনফোবারের পটভূমি
প্রগ্রেসিভ ওয়েব অ্যাপস (PWA) হল অ্যাপের মতো, তাত্ক্ষণিক লোডিং, নির্ভরযোগ্য এবং ইনস্টলযোগ্য ওয়েবসাইট তৈরি করার জন্য একটি প্যাটার্ন।
যখন আপনার PWA অ্যান্ড্রয়েড-এ ইনস্টলেবিলিটি চেকলিস্ট পাস করে, তখন ব্রাউজার উইন্ডোর নীচে মিনি-ইনফোবার নামে একটি Chrome সিস্টেম ডায়ালগ প্রদর্শিত হবে।
আজকে অ্যাড টু হোম স্ক্রিনে মিনি-ইনফোবারটি beforeinstallprompt ইভেন্টের মতো একই সময়ে দেখানো হয়েছে।
Chrome 76-এ পরিবর্তন
আমরা আমাদের সম্প্রদায়ের কথা শুনেছি এবং আমরা যা শুনেছি তা হল যে বিকাশকারীরা ব্যবহারকারীদের কখন একটি PWA ইনস্টল করতে বলবেন তার উপর আরও নিয়ন্ত্রণ চান৷ আমরা আপনাকে শুনেছি!
Chrome 76 থেকে শুরু করে, আপনি beforeinstallprompt ইভেন্টে preventDefault() কল করে মিনি-ইনফোবার প্রতিরোধ করতে পারেন।
beforeinstallprompt ইভেন্ট আপনাকে আপনার প্রগতিশীল ওয়েব অ্যাপের ইনস্টলেশন প্রচারে সহায়তা করতে পারে, ব্যবহারকারীদের জন্য তাদের হোম স্ক্রিনে এটি যুক্ত করা সহজ করে তোলে। আমাদের সম্প্রদায় শেয়ার করেছে যে ব্যবহারকারীরা হোম স্ক্রিনে একটি PWA ইনস্টল করেন তারা অত্যন্ত ব্যস্ত থাকেন, আরও বারবার ভিজিট করেন, অ্যাপে সময় ব্যয় করেন এবং প্রযোজ্য হলে, উচ্চতর রূপান্তর হার।
মিনি-ইনফোবার ছাড়াই আপনার ওয়েব অ্যাপের প্রচার করতে, beforeinstallprompt ইভেন্টের আগে শুনুন, তারপরে, ইভেন্টটি সংরক্ষণ করুন। এর পরে, আপনার PWA ইনস্টল করা যেতে পারে তা নির্দেশ করার জন্য আপনার ব্যবহারকারী ইন্টারফেস আপডেট করুন, উদাহরণস্বরূপ একটি ইনস্টল বোতাম যোগ করে, একটি ইনস্টল ব্যানার দেখানো, ইন-ফিড প্রচার ব্যবহার করে বা একটি মেনু বিকল্প। ব্যবহারকারী যখন ইন্সটল এলিমেন্টে ক্লিক করেন, তখন সংরক্ষিত beforeinstallprompt ইভেন্টে prompt() কে কল করুন যাতে হোম স্ক্রীনে অ্যাড-টু মোডাল ডায়ালগ দেখা যায়।
হোম স্ক্রিনে মিনি-ইনফোবারের ভবিষ্যত
হোম স্ক্রীন ইনফোবারে যোগ করার ব্যবহার এখনও একটি অস্থায়ী পরিমাপ। আমরা নতুন UI প্যাটার্ন নিয়ে পরীক্ষা-নিরীক্ষা করছি যা প্রগতিশীল ওয়েব অ্যাপ ব্যবহারকারীদের ইনস্টল করার ক্ষমতা দিতে থাকবে, এবং এটি এমনভাবে করবে যা ব্রাউজিং অভিজ্ঞতায় বিশৃঙ্খলা কমায়।