iPhone এবং iPad-এ ওয়েব পুশ

iOS এবং iPadOS 16.4 বা তার পরবর্তী সংস্করণের iPhone এবং iPad ব্যবহারকারীরা আপনার ওয়েবসাইটটি তাদের হোম স্ক্রিনে যোগ করার পরে সেখান থেকে ওয়েব পুশ নোটিফিকেশন পেতে পারেন।

iPhone এবং iPad-এ ওয়েব পুশ কখন কাজ করে

iOS এবং iPadOS-এ ওয়েব পুশ শুধুমাত্র সেই ওয়েবসাইটের জন্য কাজ করে যা তার হোম স্ক্রিন আইকন থেকে খোলা হয়েছে। একটি সাধারণ Safari ট্যাবে ব্রাউজার পুশ একেবারেই অফার করে না, তাই Web SDK পুশ ছাড়াই ইনিশিয়ালাইজ হয় এবং ভিজিটর সাবস্ক্রাইব করতে পারেন না।

নোটিফিকেশন পেতে ব্যবহারকারীর প্রয়োজন:

• iOS বা iPadOS 16.4 বা তার পরবর্তী সংস্করণের একটি iPhone বা iPad।
• আপনার ওয়েবসাইট হোম স্ক্রিনে যোগ করা এবং সেই আইকন থেকে খোলা।
• আপনার সাইটে একটি ট্যাপের প্রতিক্রিয়ায় নোটিফিকেশনের অনুমতি দেওয়া।

টিপ

আমরা সুপারিশ করি যে আপনার সাইটে iPhone এবং iPad ভিজিটরদের জানিয়ে দিন যে নোটিফিকেশন পেতে তাদের সাইটটি হোম স্ক্রিনে যোগ করতে হবে। এর জন্য তারা Safari-তে শেয়ার করুন ট্যাপ করেন, তারপর হোম স্ক্রিনে যোগ করুন এবং যোগ করুন ট্যাপ করেন, এবং হোম স্ক্রিনের নতুন আইকন থেকে সাইটটি খোলেন।

আপনার ওয়েবসাইটের যা প্রয়োজন

ডেস্কটপ ব্রাউজারের মতো একইভাবে Web SDK ইন্টিগ্রেট করুন, তারপর একটি ওয়েব অ্যাপ ম্যানিফেস্ট যোগ করুন:

1. ওয়েব পুশ SDK 3.0 অনুসরণ করে SDK এবং service worker ইন্টিগ্রেট করুন। যদি আপনার সাইটে ইতিমধ্যে নিজস্ব service worker থাকে, তাহলে প্রগ্রেসিভ ওয়েব অ্যাপ সমর্থন অনুসরণ করুন।

2. display-কে standalone বা fullscreen-এ সেট করে একটি ওয়েব অ্যাপ ম্যানিফেস্ট যোগ করুন, এবং প্রতিটি পেজ থেকে এটি লিঙ্ক করুন:

   manifest.json

   {
     "name": "Example Store",
     "short_name": "Store",
     "start_url": "/",
     "display": "standalone",
     "icons": [
       { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
       { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
     ]
   }

   <link rel="manifest" href="/manifest.json">

3. ব্যবহারকারীর ট্যাপ থেকে নোটিফিকেশনের অনুমতি চান। iOS এবং iPadOS শুধুমাত্র ব্যবহারকারীর সরাসরি অ্যাকশনের প্রতিক্রিয়ায় অনুমতির ডায়ালগ দেখায়, তাই সাবস্ক্রিপশন উইজেট বা এমন একটি বাটন ব্যবহার করুন যা Pushwoosh.subscribe() কল করে:

   <button onclick="Pushwoosh.subscribe()">Get notifications</button>

Pushwoosh-এ iPhone এবং iPad সাবস্ক্রাইবারদের কীভাবে খুঁজে পাবেন

Pushwoosh iPhone এবং iPad ওয়েব সাবস্ক্রাইবারদের Chrome প্ল্যাটফর্মের অধীনে রেজিস্টার করে, তাই পরিসংখ্যানে তাদের আলাদাভাবে দেখানো হয় না এবং কোনো ডিফল্ট ট্যাগ নির্ভরযোগ্যভাবে ডিভাইসটি শনাক্ত করে না।

এই সাবস্ক্রাইবারদের টার্গেট করতে, ওয়েবসাইট থেকে আপনার নিজস্ব একটি ট্যাগ সেট করুন:

1. সাইট ট্যাগটি পাঠানোর আগে Control Panel-এ একটি কাস্টম ট্যাগ তৈরি করুন, উদাহরণস্বরূপ Web App Platform নামের একটি String ট্যাগ। ব্যবহারকারী-নির্দিষ্ট চেকবক্সটি আনচেক করুন, যা ডিফল্টভাবে নির্বাচিত থাকে। এতে একটি সাধারণ ট্যাগ তৈরি হয়, যা প্রতি ডিভাইসে সংরক্ষিত হয়।

   এই ধাপ ছাড়া, setTags স্বয়ংক্রিয়ভাবে ট্যাগটি ব্যবহারকারী-নির্দিষ্ট হিসেবে তৈরি করে। এর মান একই User ID-যুক্ত সমস্ত ডিভাইস শেয়ার করে, তাই সাইট registerUser কল করার পরেই ব্যবহারকারীর ডেস্কটপ ব্রাউজারও ios পায় এবং এই ট্যাগ দিয়ে আপনি iPhone ও iPad সাবস্ক্রাইবারদের যে বার্তাগুলো টার্গেট করেন সেগুলো পায়।

2. সাইটটি যখন iPhone বা iPad-এ হোম স্ক্রিন থেকে চলে, তখন ট্যাগটি সেট করুন:

   Pushwoosh.push((api) => {
     // iPadOS Safari reports a Mac user agent, so a touch screen marks an iPad
     const isIos = /iPhone|iPad/.test(navigator.userAgent)
       || (/Macintosh/.test(navigator.userAgent) && navigator.maxTouchPoints > 1);
     const isIosHomeScreen = isIos && (window.navigator.standalone === true
       || window.matchMedia('(display-mode: standalone)').matches);
   
     if (isIosHomeScreen) {
       api.setTags({ 'Web App Platform': 'ios' });
     }
   });

3. একটি টেস্ট iPhone বা iPad থেকে সাবস্ক্রাইব করুন।

4. ব্যবহারকারী এক্সপ্লোরার-এ সেই ডিভাইসে ট্যাগের মান পরীক্ষা করুন। Pushwoosh মান সংরক্ষণ না করলেও setTags সফলতা ফেরত দেয়, উদাহরণস্বরূপ যখন অ্যাকাউন্টের জন্য ট্যাগ স্বয়ংক্রিয়ভাবে তৈরি হওয়া বন্ধ থাকে, তাই শুধু কোড দেখে নিশ্চিত হওয়া যায় না যে মানটি সংরক্ষিত হয়েছে।

5. শুধুমাত্র iPhone এবং iPad সাবস্ক্রাইবারদের বার্তা পাঠাতে এই ট্যাগের উপর একটি সেগমেন্ট তৈরি করুন।