PPush বিজ্ঞপ্তিগুলি আপনাকে আপনার ব্যবহারকারীদের জন্য একটি দুর্দান্ত অ্যাপ-এর মতো অভিজ্ঞতা প্রদান করতে দেয়, তাদের আগত চ্যাট বার্তাগুলির মতো গুরুত্বপূর্ণ এবং সময়োপযোগী আপডেট সম্পর্কে সতর্ক করে৷ বিজ্ঞপ্তি প্ল্যাটফর্মটি ব্রাউজারগুলিতে তুলনামূলকভাবে নতুন এবং আরও বেশি সংখ্যক ব্যবহারের ক্ষেত্রে এবং প্রয়োজনীয়তাগুলি তৈরি করা হয়েছে, আমরা বিজ্ঞপ্তিগুলির জন্য APIগুলিতে অনেকগুলি সংযোজন দেখতে পাচ্ছি। Chrome 50 (মার্চ 2016-এ বিটা) কোন ব্যতিক্রম নয়, চারটিরও কম নয় এমন বৈশিষ্ট্য যা ডেভেলপারদের বিজ্ঞপ্তিগুলির উপর আরও নিয়ন্ত্রণ দেয়৷ আপনি করার ক্ষমতা পান:
- বিজ্ঞপ্তি বোতামে আইকন যোগ করুন,
- একটি সামঞ্জস্যপূর্ণ অভিজ্ঞতা তৈরি করতে সাহায্য করার জন্য টাইমস্ট্যাম্প পরিবর্তন করুন,
- বিজ্ঞপ্তিগুলিকে সিঙ্ক্রোনাইজ করতে এবং বিশ্লেষণ প্রদান করতে সাহায্য করার জন্য বিজ্ঞপ্তি বন্ধ ইভেন্টগুলি ট্র্যাক করুন,
- যখন একটি বিজ্ঞপ্তি বর্তমানে প্রদর্শিত বিজ্ঞপ্তি প্রতিস্থাপন করে তখন পুনরায় বিজ্ঞপ্তির অভিজ্ঞতা পরিচালনা করুন।
ক্রোম 50 পুশ বিজ্ঞপ্তির জন্য পেলোড যোগ করেছে। Chrome এ প্রয়োগ করা হয়েছে বলে নোটিফিকেশন এপিআই এর সাথে আপ টু ডেট থাকতে, স্পেক এবং স্পেক ইস্যু ট্র্যাকার অনুসরণ করুন।
কাস্টম আইকন দিয়ে আকর্ষক অ্যাকশন বোতাম তৈরি করুন
Chrome 49-এ নোটিফিকেশন অ্যাকশন বোতাম সম্পর্কে একটি সাম্প্রতিক পোস্টে , আমি উল্লেখ করেছি যে আপনি বিজ্ঞপ্তি বোতামগুলিতে ছবিগুলিকে আকর্ষণীয় এবং আকর্ষণীয় করে তুলতে পারবেন না, তবে আপনি ইমোজি ইত্যাদি ইনলাইন করতে ইউনিকোড অক্ষর ব্যবহার করতে পারেন। এখন আপনাকে এটি করতে হবে না চিন্তা করুন: এই সাম্প্রতিক সংযোজনের সাথে আপনি এখন অ্যাকশন বোতামে একটি চিত্র নির্দিষ্ট করতে পারেন:
self.registration.showNotification('New message from Alice', {
actions: [
{action: 'like', title: 'Like', icon: 'https://example/like.png'},
{action: 'reply', title: 'Reply', icon: 'https://example/reply.png'}]
});
অ্যাকশন আইকনের চেহারা প্ল্যাটফর্ম অনুসারে আলাদা। উদাহরণস্বরূপ, অ্যান্ড্রয়েডে আইকনটিতে ললিপপ এবং তার উপরে একটি গাঢ় ধূসর ফিল্টার প্রয়োগ করা হবে এবং একটি সাদা ফিল্টার প্রি-ললিপপ, ডেস্কটপে এটি সম্পূর্ণ রঙের হবে। (দ্রষ্টব্য: ডেস্কটপে এর ভবিষ্যত সম্পর্কে আলোচনা রয়েছে।) কিছু প্ল্যাটফর্ম এমনকি অ্যাকশন আইকনগুলি প্রদর্শন করতে সক্ষম নাও হতে পারে, তাই নিশ্চিত করুন যে আপনি আইকনগুলিকে কর্মের প্রসঙ্গ প্রদান করতে ব্যবহার করছেন এবং উদ্দেশ্যের একমাত্র সূচক হিসাবে নয় .
এবং পরিশেষে, যেহেতু রিসোর্সগুলি অবশ্যই ডাউনলোড করতে হবে, তাই আইকনগুলিকে যতটা সম্ভব ছোট রাখা এবং আপনার ইনস্টল ইভেন্টে সেগুলিকে প্রাক-ক্যাচ করা ভাল অভ্যাস। (এই লেখার সময়, Chrome-এ বিজ্ঞপ্তি সংস্থানগুলি এখনও পরিষেবা কর্মীর মাধ্যমে রাউট করা হয়নি৷)
বিজ্ঞপ্তি বন্ধ ঘটনা
বিজ্ঞপ্তিগুলির একটি ঘন ঘন অনুরোধ করা বৈশিষ্ট্য হল ব্যবহারকারী কখন একটি বিজ্ঞপ্তি খারিজ করেছে তা জানার ক্ষমতা। নোটিফিকেশন স্পেসিফিকেশনে সাম্প্রতিক পরিবর্তনের একটি সেট নোটিফিকেশনক্লোজ ইভেন্ট যোগ না করা পর্যন্ত আমাদের এটা করার কোনো উপায় ছিল না।
নোটিফিকেশন ক্লিক এবং নোটিফিকেশন ক্লোজ ইভেন্ট ব্যবহার করে আপনি বুঝতে পারবেন কিভাবে আপনার ব্যবহারকারীরা আপনার বিজ্ঞপ্তির সাথে ইন্টারঅ্যাক্ট করছে। তারা কি তাদের দীর্ঘ সময়ের জন্য খোলা রেখে তারপর সক্রিয়ভাবে তাদের বরখাস্ত করছে বা তারা এখনই তাদের উপর কাজ করছে।
একটি জনপ্রিয় ব্যবহারের ক্ষেত্রে ডিভাইসগুলির মধ্যে বিজ্ঞপ্তিগুলি সিঙ্ক্রোনাইজ করতে সক্ষম হওয়া। ব্যবহারকারী যদি তাদের ডেস্কটপ ডিভাইসে কোনো বিজ্ঞপ্তি খারিজ করে দেন, তাহলে তাদের মোবাইল ডিভাইসেও একই বিজ্ঞপ্তি খারিজ করা উচিত। আমাদের এখনও নীরবে এটি করার ক্ষমতা নেই (মনে রাখবেন প্রতিটি পুশ মেসেজে অবশ্যই একটি বিজ্ঞপ্তি প্রদর্শিত হবে), তবে নোটিফিকেশনক্লোজ ব্যবহার করে এটি আপনাকে আপনার সার্ভারে ব্যবহারকারীর জন্য বিজ্ঞপ্তির অবস্থা ট্র্যাক করার অনুমতি দিয়ে এটি পরিচালনা করার ক্ষমতা খুলে দেয়। এবং অন্যান্য ডিভাইসের সাথে সিঙ্ক্রোনাইজ করুন যেমন ব্যবহারকারী সেগুলি ব্যবহার করে।
নোটিফিকেশন ক্লোজ ইভেন্টটি ব্যবহার করতে, এটি আপনার পরিষেবা কর্মীর মধ্যে নিবন্ধন করুন এবং এটি শুধুমাত্র তখনই চালু হবে যখন ব্যবহারকারী সক্রিয়ভাবে একটি বিজ্ঞপ্তি খারিজ করে দেয়, উদাহরণস্বরূপ, যদি ব্যবহারকারী একটি নির্দিষ্ট বিজ্ঞপ্তি খারিজ করে দেয় বা তাদের ট্রেতে থাকা সমস্ত বিজ্ঞপ্তি খারিজ করে দেয় (অ্যান্ড্রয়েডে)৷
যদি প্রয়োজনীয় ইন্টারঅ্যাকশন পতাকা মিথ্যা হয় বা সেট না থাকে, তাহলে ব্যবহারকারীর দ্বারা বিজ্ঞপ্তিটি ম্যানুয়ালি খারিজ না হলে, বরং সিস্টেম দ্বারা স্বয়ংক্রিয়ভাবে, বিজ্ঞপ্তি বন্ধ ইভেন্টটি ট্রিগার করা হবে না।
একটি সহজ বাস্তবায়ন নীচে দেখানো হয়েছে. যখন ব্যবহারকারী বিজ্ঞপ্তিটি খারিজ করে দেয় তখন আপনি বিজ্ঞপ্তি অবজেক্টে অ্যাক্সেস পান যেখান থেকে আপনি কাস্টম লজিক সম্পাদন করতে পারেন।
self.addEventListener('notificationclose', e => console.log(e.notification));
আপনি বিজ্ঞপ্তি জেনারেটরে এটি পরীক্ষা করতে পারেন; আপনি বিজ্ঞপ্তিটি বন্ধ করলে আপনি একটি সতর্কতা পাবেন।
আপনি যখন একটি বিদ্যমান বিজ্ঞপ্তি প্রতিস্থাপন করেন তখন আপনার ব্যবহারকারীদের বিরক্ত করবেন না
আমি নিশ্চিত আঙ্কেল বেন নোটিফিকেশন সিস্টেম সম্পর্কে কথা বলছিলেন এবং পিটার পার্কারের ক্ষমতা সম্পর্কে নয় যখন তিনি বলেছিলেন "মহাশক্তির সাথে মহান দায়িত্ব আসে"। নোটিফিকেশন সিস্টেম ব্যবহারকারীদের সাথে যোগাযোগের জন্য একটি শক্তিশালী মাধ্যম। আপনি যদি তাদের বিশ্বাসের অপব্যবহার করেন তবে তারা সমস্ত বিজ্ঞপ্তি বন্ধ করে দেবে এবং আপনি সেগুলি সম্পূর্ণ হারাতে পারেন৷
আপনি যখন একটি বিজ্ঞপ্তি তৈরি করেন তখন আপনি এটিকে একটি শ্রবণযোগ্য সতর্কতা তৈরি করতে বা ব্যবহারকারীর মনোযোগ পেতে ভাইব্রেট করতে সেট করতে পারেন। অতিরিক্তভাবে, আপনি একটি নতুন বিজ্ঞপ্তি অবজেক্টে 'ট্যাগ' বৈশিষ্ট্যটি পুনরায় ব্যবহার করে একটি বিদ্যমান বিজ্ঞপ্তি প্রতিস্থাপন করতে পারেন।
Chrome 50-এর আগে, আপনি যতবার একটি বিজ্ঞপ্তি তৈরি করেছেন বা বিদ্যমান একটি প্রতিস্থাপন করেছেন, এটি একটি কম্পন প্যাটার্ন চালাবে বা একটি শ্রবণযোগ্য সতর্কতা চালাবে এবং এটি আপনার ব্যবহারকারীদের জন্য হতাশার কারণ হতে পারে। এখন Chrome 50-এ, 'রিনোটিফাই' নামক একটি সাধারণ বুলিয়ান ফ্ল্যাগের মাধ্যমে পুনঃবিজ্ঞপ্তির সময় কী ঘটবে তার উপর এখন আপনার নিয়ন্ত্রণ রয়েছে । পরবর্তী বিজ্ঞপ্তিগুলির জন্য একই 'ট্যাগ' ব্যবহার করার সময় নতুন ডিফল্ট আচরণ হল নীরব থাকা এবং বিকাশকারী হিসাবে আপনাকে অবশ্যই পতাকাটিকে "সত্য" তে সেট করে ব্যবহারকারীকে "পুনরায়-বিজ্ঞপ্তি" বেছে নিতে হবে।
self.registration.showNotification('Oi!', {
'renotify': true,
'tag': 'tag-id-1'
});
আপনি বিজ্ঞপ্তি জেনারেটরে এটি ব্যবহার করে দেখতে পারেন।
ব্যবহারকারীর কাছে প্রদর্শিত টাইমস্ট্যাম্প পরিচালনা করুন
অ্যান্ড্রয়েডে, Chrome-এর বিজ্ঞপ্তিগুলি ডিফল্টভাবে উপরের ডানদিকে কোণায় তাদের তৈরির সময় দেখায়। দুর্ভাগ্যবশত, এটি সেই সময় নাও হতে পারে যেটি আসলে আপনার সিস্টেম দ্বারা বিজ্ঞপ্তি তৈরি করা হয়েছিল। উদাহরণস্বরূপ, ডিভাইসটি অফলাইনে থাকাকালীন ইভেন্টটি ট্রিগার করা হতে পারে বা একটি আসন্ন মিটিংয়ের জন্য বিজ্ঞপ্তিটি দেখানো হতে পারে৷ ক্রোম 50 অনুসারে, ক্রোম একটি নতুন ' টাইমস্ট্যাম্প ' বৈশিষ্ট্য যুক্ত করেছে যা বিকাশকারীদের বিজ্ঞপ্তিতে প্রদর্শিত হওয়া উচিত এমন সময় প্রদান করতে সক্ষম করে।
self.registration.showNotification('Best day evar!', {
'timestamp': 360370800000
});
টাইমস্ট্যাম্প বর্তমানে শুধুমাত্র Android এর জন্য Chrome এ দৃশ্যমান। যদিও এটি ডেস্কটপে দৃশ্যমান নয়, এটি মোবাইল এবং ডেস্কটপ উভয় ক্ষেত্রেই বিজ্ঞপ্তির আদেশকে প্রভাবিত করবে৷