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. यूज़र एक्सप्लोरर में उस डिवाइस पर टैग का मान जाँचें। setTags तब भी सफलता लौटाता है जब Pushwoosh मान सहेजता नहीं है, उदाहरण के लिए जब खाते के लिए टैग का ऑटो-क्रिएशन बंद हो, इसलिए केवल कोड से यह पुष्टि नहीं होती कि मान सहेजा गया।

5. केवल iPhone और iPad सब्सक्राइबर्स को संदेश भेजने के लिए इस टैग पर एक सेगमेंट बनाएँ।