वेब पुश सूचनाएँ: बिना परेशान किए कैसे सेट करें

वेब पुश क्या है और यह कैसे काम करता है

वेब पुश सूचनाएँ एक साइट से छोटे संदेश होते हैं जो ब्राउज़र तक पहुँचते हैं, भले ही टैब बंद हो। उपयोगकर्ता एक बार अनुमति देता है, ब्राउज़र एक सब्सक्रिप्शन के साथ एक एंडपॉइंट और कुंजी लौटाता है, और आपका सर्वर एक पुश सेवा के माध्यम से संदेश भेजता है जो VAPID-हस्ताक्षरित प्रोटोकॉल का उपयोग करता है। सुनहरा नियम है कि सही समय पर अनुमति मांगें और कभी भी लोगों को बाढ़ में न डालें।

ऑप्ट-इन UX: अच्छी तरह से कैसे पूछें

पहले सेकंड में मूल ब्राउज़र प्रॉम्प्ट को सक्रिय करना लगभग हमेशा “ब्लॉक” प्राप्त करता है। एक दो-चरणीय पैटर्न काम करता है: पहले आपका अपना सौम्य प्रॉम्प्ट जो लाभ समझाता है, और केवल सहमति के बाद सिस्टम अनुरोध।

• तुरंत नहीं। पहले उपयोगी क्रिया के बाद प्रॉम्प्ट दिखाएँ, आगमन पर नहीं।
• क्यों समझाएँ। “क्या आपको सूचित करें जब कीमत गिरती है?” एक मौन प्रॉम्प्ट से बेहतर है।
• नहीं का सम्मान करें। यदि वे मना करते हैं, तो हफ्तों तक फिर से न पूछें।
• संदर्भ। उत्पाद पृष्ठ पर पूछें, होमपेज पर नहीं।

VAPID कुंजी

VAPID (स्वैच्छिक एप्लिकेशन सर्वर पहचान) आपके सर्वर को पुश सेवा के लिए पहचानता है। आपको एक कुंजी जोड़ी की आवश्यकता है: सार्वजनिक कुंजी सब्सक्रिप्शन पर ब्राउज़र में जाती है, निजी कुंजी सर्वर पर रहती है और अनुरोधों पर हस्ताक्षर करती है।

# एक VAPID कुंजी जोड़ी उत्पन्न करें
npx web-push generate-vapid-keys

सार्वजनिक कुंजी:  BQ8...prqZk
निजी कुंजी: 3Kf...9dQ
विषय:     mailto:push@yourtrend.online

सार्वजनिक कुंजी ब्राउज़र में सब्सक्राइब करते समय पास की जाती है:

registration.pushManager.subscribe({
  userVisibleOnly: true,
  applicationServerKey: 'BQ8...prqZk'
});

आवृत्ति: कैसे परेशान न करें

पुश ईमेल की तुलना में तेजी से परेशान करता है क्योंकि यह सब कुछ के ऊपर दिखाई देता है। आवृत्ति मार्गदर्शन:

हमेशा शांत घंटे और आसान ऑप्ट-आउट की पेशकश करें। रात का पुश बंद होने का सीधा रास्ता है।

वेब पुश विभाजन

ईमेल की तरह, सभी को न भेजें। देखी गई श्रेणियों, शहर, भाषा और व्यवहार के अनुसार विभाजित करें। छोड़ी गई कार्ट, पसंदीदा पर कीमत में गिरावट, स्टॉक में वापस — लक्षित परिदृश्य सामूहिक विस्फोटों की तुलना में बहुत अधिक क्लिक किए जाते हैं। YourTrend वेब पुश ईमेल, SMS, विभाजनों और स्वचालन के साथ रहता है, इसलिए चैनल को दर्शकों के अनुसार चुना जाता है — विशेषताओं पृष्ठ पर अवलोकन।

उपयोगी उपयोग के मामले

1. छोड़ी गई गाड़ी 1–2 घंटे बाद।
2. कीमत में गिरावट एक पसंदीदा आइटम पर।
3. फिर से स्टॉक में उन लोगों के लिए जिन्होंने इंतजार किया।
4. आदेश की स्थिति: भेजा गया, वितरित।
5. सामग्री: एक नए विषय पर लेख जो वे फॉलो करते हैं।

भेजने और प्राप्त करने का दृश्य

सर्वर एक एन्क्रिप्टेड संदेश सब्सक्रिप्शन एंडपॉइंट पर भेजता है, और ब्राउज़र में सेवा कार्यकर्ता पुश इवेंट को पकड़ता है और टैब बंद होने पर भी एक सूचना दिखाता है। पेलोड एक छोटा JSON है:

{
  "title": "कीमत 20% कम हुई",
  "body": "आपकी पसंदीदा स्नीकर्स अब सस्ती हैं",
  "icon": "/icons/push-192.png",
  "url": "/catalog/sneakers/42"
}

// service-worker.js
self.addEventListener('push', function(event) {
  const d = event.data.json();
  event.waitUntil(
    self.registration.showNotification(d.title, {
      body: d.body, icon: d.icon, data: { url: d.url }
    })
  );
});

क्लिक करने पर, उपयोगकर्ता को URL फ़ील्ड से विशिष्ट उत्पाद पर भेजें, होमपेज पर नहीं — इससे रूपांतरण में स्पष्ट वृद्धि होती है।

ब्राउज़र समर्थन और iOS

वेब पुश डेस्कटॉप और एंड्रॉइड पर क्रोम, फ़ायरफ़ॉक्स, एज और ओपेरा में काम करता है। मुख्य चेतावनी सफारी है: आईफ़ोन और आईपैड पर पुश केवल तभी आता है जब उपयोगकर्ता ने साइट को होम स्क्रीन पर PWA के रूप में जोड़ा हो (जो iOS 16.4+ से उपलब्ध है)। इसलिए वेब पुश ईमेल का पूरक है लेकिन इसे प्रतिस्थापित नहीं करता: आपकी ऑडियंस का एक हिस्सा तकनीकी रूप से इसे नहीं पाएगा। चैनलों को संयोजित करें — ईमेल, एसएमएस और पुश — प्रति खंड।

सामान्य गलतियाँ

• पहले सेकंड में बिना संदर्भ के अनुमति प्रॉम्प्ट।
• केवल प्रचार, शून्य उपयोगी सूचनाएँ।
• कोई विभाजन नहीं — सभी को एक ही पुश।
• कोई शांत घंटे या स्पष्ट ऑप्ट-आउट नहीं।
• लिंक होमपेज पर जाता है, विशेष उत्पाद पर नहीं।

सीखने योग्य बातें

वेब पुश एक तेज़, आकर्षक चैनल है लेकिन इसे चतुराई की आवश्यकता होती है: सही समय पर पूछें, लाभ समझाएं, विभाजित करें और एक संतुलित आवृत्ति बनाए रखें। फिर सूचनाएँ मदद करती हैं बजाय कि परेशान करें। उस योजना का चयन करें जिसमें आपको आवश्यक चैनल हों मूल्य निर्धारण पृष्ठ पर।