क्या आपने देखा है कि फेसबुक जैसी लोकप्रिय वेबसाइटों पर उपयोग किए जाने वाले वेब पुश नोटिफिकेशन? हाल ही में हमारे पाठकों में से एक ने पूछा कि क्या वर्डप्रेस में वेब पुश नोटिफिकेशन जोड़ना संभव था। निश्चित रूप से यह है। इस लेख में, हम आपको दिखाएंगे कि वेब वर्क साइट को आपके वर्डप्रेस साइट पर कैसे जोड़ा जाए।
क्यों अपने WordPress साइट के लिए वेब पुश सूचनाएं जोड़ें?
वेब पुश सूचनाएं उपयोगकर्ता के डेस्कटॉप के शीर्ष पर प्रदर्शित होने योग्य क्लिक करने योग्य संदेश हैं। उपयोगकर्ता के ब्राउज़र खुला नहीं होने पर भी उन्हें दिखाया जा सकता है।
डेस्कटॉप के अलावा, वेब पुश सूचनाएं मोबाइल ब्राउज़र पर भी काम करती हैं।
फेसबुक, Pinterest, लिंक्डइन और कई अन्य सहित लोकप्रिय साइट पहले से ही वेब पुश नोटिफिकेशन का उपयोग कर रहे हैं। यह एसएमएस, ईमेल मार्केटिंग, और अन्य सोशल मीडिया से ज्यादा आकर्षक साबित हो रहा है। एक सर्वेक्षण के अनुसार, पुश नोटिफिकेशन मोबाइल डिवाइस पर 50% खुली दर है।
इसका अर्थ है आपके वर्डप्रेस साइट के लिए और अधिक व्यस्त ऑडियंस और आपके संपूर्ण पृष्ठ के विचारों और लौटने वाले आगंतुकों में महत्वपूर्ण वृद्धि।
कहा करते हुए, चलिए एक वर्डप्रेस साइट पर वेब पुश नोटिफिकेशन जोड़ने के तरीके पर एक नज़र डालें।
वर्ड पुश अधिसूचनाएं वर्डप्रेस में वन सिग्नल के साथ स्थापित करना
OneSignal एक निशुल्क सेवा है जो आपको किसी भी वेबसाइट, वेब या मोबाइल ऐप्स को पुश नोटिफिकेशन जोड़ने की अनुमति देती है।
सबसे पहले आपको ऐसा करना होगा जो OneSignal प्लगइन को स्थापित और सक्रिय कर रहा है। अधिक जानकारी के लिए
सक्रियण पर, प्लगइन आपके वर्डप्रेस व्यवस्थापक बार में वन सिग्नल लेबल वाला एक नया मेनू आइटम जोड़ देगा। उस पर क्लिक करने से आपको प्लगइन की सेटिंग पृष्ठ पर ले जाएगा।
सेटिंग पृष्ठ को सेटअप और कॉन्फ़िगरेशन टैब में विभाजित किया गया है। सेटअप टैब वास्तव में वर्डप्रेस में वन-सिग्नल पुश सूचनाएं सेटअप करने के तरीके पर विस्तृत दस्तावेज है। इसके पास एक ही कदम है जो हम आपको इस ट्यूटोरियल में दिखाएंगे।
OneSignal सेटअप करने के लिए, आपको प्लगइन सेटिंग में अलग-अलग API कुंजी और ऐप्लिकेशन आईडी जोड़ने होंगे।
आएँ शुरू करें।
चरण 1: Google की कुंजी बनाएं
पहले आपको Google सेवा विज़ार्ड की वेबसाइट पर जाने की आवश्यकता है।
बस अपने ऐप के लिए एक नाम प्रदान करें और एक एंड्रॉइड पैकेज नाम जोड़ें। OneSignal एंड्रॉइड पैकेज नाम का उपयोग नहीं करता है, लेकिन यह एक आवश्यक फ़ील्ड है।
इसके बाद, अपना देश और क्षेत्र चुनें, फिर ‘सेवाओं को चुनें और कॉन्फ़िगर करें’ बटन पर क्लिक करें
इससे आपको अगली स्क्रीन पर ले जाया जाएगा जहां आपको अपने ऐप के साथ उपयोग करने वाली Google सेवाओं का चयन करने के लिए कहा जाएगा। आपको ‘Google क्लाउड संदेश सक्षम करें’ बटन पर क्लिक करने की आवश्यकता है
अब आप अपने सर्वर एपीआई कुंजी और प्रेषक आईडी देखेंगे।
आपको अपने प्रेषक आईडी की प्रतिलिपि बनाने और इसे Google प्रोजेक्ट नंबर फ़ील्ड के अंतर्गत WordPress प्लगइन के विन्यास टैब में पेस्ट करना होगा।
आपको अपने सर्वर एपीआई कुंजी की प्रतिलिपि बनाने और उसे अपने कंप्यूटर पर एक टेक्स्ट फ़ाइल में पेस्ट करना होगा। इस ट्यूटोरियल में आपको बाद में इस API कुंजी की आवश्यकता होगी।
चरण 2: क्रोम और फ़ायरफ़ॉक्स पुश सूचनाएं सेट करना
अब हम क्रोम और फ़ायरफ़ॉक्स पर पुश नोटिस सेट करेंगे सबसे पहले आपको OneSignal वेबसाइट पर जाएं और अपना निशुल्क खाता बनाएं।
एक बार जब आप अपना खाता बनाते हैं, तो आपको ‘एक नया एप जोड़ें’ बटन पर लॉग इन करने और क्लिक करने की आवश्यकता है।
आपको अपने ऐप के लिए एक नाम दर्ज करने के लिए कहा जाएगा आप चाहते हैं कि किसी भी नाम का उपयोग कर सकते हैं और फिर जारी रखने के लिए ‘बनाएँ’ बटन पर क्लिक करें।
अगले पृष्ठ पर, आपको कॉन्फ़िगर करने के लिए एक प्लेटफ़ॉर्म चुनने के लिए कहा जाएगा। आपको ‘वेबसाइट पुश’ का चयन करने की आवश्यकता है और फिर जारी रखने के लिए अगले बटन पर क्लिक करें।
उसके बाद आपको ब्राउज़र प्लेटफ़ॉर्म चुनने के लिए कहा जाएगा। आप एक बॉक्स में Google क्रोम और मोज़िला फ़ायरफ़ॉक्स और दूसरे बॉक्स में सफ़ारी देखेंगे।
आपको Google क्रोम और मोज़िला फ़ायरफ़ॉक्स बॉक्स पर क्लिक करना होगा। हम आपको इस आलेख में बाद में सफ़ारी सेटअप करने का तरीका दिखाएंगे।
जारी रखने के लिए अगले बटन पर क्लिक करें।
अगले चरण में, आपको अपने वर्डप्रेस साइट यूआरएल, Google सर्वर एपीआई कुंजी और यूआरएल को अपनी डिफ़ॉल्ट अधिसूचना आइकन छवि के लिए कहा जाएगा।
यदि आपकी वेबसाइट SSL / HTTPS का समर्थन नहीं करती है, तो आपको अगले बक्से को चेक करना होगा ‘मेरी साइट पूरी तरह से HTTPS नहीं है’ विकल्प। यदि आप चाहें, तो आप अपनी वेबसाइट पर एसएसएल भी सेटअप कर सकते हैं, लेकिन इसकी आवश्यकता नहीं है।
Google Chrome गैर-एसएसएल या एचटीपी वेबसाइट के लिए वेब पुश नोटिफिकेशन का समर्थन नहीं करता है। OneSignal उपयोगकर्ताओं को अपने स्वयं के https डोमेन पर सबडोमेन में सदस्यता लेने के द्वारा इस समस्या का निराकरण करता है
जाँच हो रही है ‘मेरी साइट पूरी तरह से HTTPS नहीं है’ विकल्प HTTP फ़ॉलबैक विकल्प प्रदर्शित करेगा। आपको अपने ऐप के लिए एक उपडोमेन चुनना होगा और पहले चरण में जेनरेट किया गया Google प्रोजेक्ट नंबर या प्रेषक आईडी दर्ज करना होगा।
जारी रखने के लिए सहेजें बटन पर क्लिक करें। अब आप इस संवाद बॉक्स से बाहर निकल सकते हैं। आपको एक सूचना के साथ संकेत दिया जाएगा कि आपका सेटअप अभी पूरा नहीं हुआ है और बाद में फिर से शुरू किया जा सकता है। संवाद बॉक्स को बंद करने के लिए हाँ क्लिक करें।
चरण 3: OneSignal कुंजी प्राप्त करना
अब आपको अपनी वेबसाइट के लिए OneSignal Keys प्राप्त करने की आवश्यकता है। ऐप सेटिंग्स पर अपने ऐप डैशबोर्ड पर क्लिक करें
यह आपके ऐप सेटिंग्स पेज पर ले जाएगा। आपको कुंजी और आईडी टैब पर क्लिक करना होगा।
यह आपका OneSignal ऐप आईडी और रेस्ट एपीआई कुंजी दिखाएगा।
आपको अपनी साइट पर OneSignal WordPress प्लग इन के कॉन्फ़िगरेशन टैब में कॉपी और पेस्ट करना होगा।
चरण 4: सफ़ारी वेब पुश सूचनाएं सेट करना
याद रखें हमने सफारी वेब पुश अधिसूचना सेटिंग्स को छोड़ दिया। अब हम आपको दिखाएंगे कि सफ़ारी वेब पुश नोटिफिकेशन कैसे सेटअप करें।
अपने OneSignal खाते में लॉग इन करें और अपने ऐप सेटिंग्स पृष्ठ पर जाएं। वेब प्लेटफॉर्म पर नीचे स्क्रॉल करें और ऐप्पल सफारी के बगल में कॉन्फ़िगर बटन पर क्लिक करें।
इससे एक डायलॉग बॉक्स आएगा जहां आपको अपनी साइट का नाम और साइट यूआरएल दर्ज करने के लिए कहा जाएगा।
उसके बाद आपको अगले बक्से को चेक करना होगा ‘मैं अपने स्वयं के अधिसूचना आइकन अपलोड करना चाहता हूं’ विकल्प।
अब आप विभिन्न आइकन आकार अपलोड करने का विकल्प देखेंगे। ये चौकोर चित्र हैं, फ़ोटोशॉप का उपयोग करें या किसी भी छवि संपादन प्रोग्राम को सटीक आकार में आइकन बनाने के लिए।
अपने सभी आइकॉन अपलोड करने के लिए फ़ाइल बटन चुनने पर क्लिक करें
सहेजें बटन पर क्लिक करें और फिर संवाद बॉक्स को बंद करें।
ऐप सेटिंग्स पेज को रीफ्रेश करें और वेब प्लेटफार्म अनुभाग तक स्क्रॉल करें। इस बार आपको ऐप्पल सफारी के तहत ‘वेब आईडी’ दिखाई देगा।
आपको इस वेब आईडी की प्रतिलिपि बनाने और इसे अपनी साइट पर वन सिग्नल प्लगइन के कॉन्फ़िगरेशन टैब में पेस्ट करना होगा।
यही कारण है कि, आपने अपने वर्डप्रेस साइट के लिए वनसाइनल वेब पुश नोटिफिकेशन को सफलतापूर्वक सेटअप किया है।
चरण 5: आपके WordPress साइट पर वेब पुश नोटिफिकेशन का परीक्षण करना
डिफ़ॉल्ट रूप से, OneSignal प्लगइन आपके WordPress साइट पर एक सदस्यता आइकन जोड़ देगा। एक समर्थित ब्राउज़र में अपनी वेबसाइट पर जाएं और फिर सदस्यता लें बटन पर क्लिक करें।
आप डिफ़ॉल्ट ‘सदस्यता लेने के लिए धन्यवाद’ संदेश देखेंगे।
अब OneSignal खाते में प्रवेश करें। ऐप सेटिंग्स पर क्लिक करें, और फिर ऐप सेटिंग्स पर क्लिक करें।
वेब प्लेटफ़ॉर्म अनुभाग में नीचे स्क्रॉल करें और Google क्रोम और फ़ायरफ़ॉक्स के बगल में कॉन्फ़िगर बटन पर क्लिक करें।
आप मंच कॉन्फ़िगरेशन स्क्रीन देखेंगे जिसे आपने पहले भर दिया था। बस सहेजें बटन पर क्लिक करें और फिर जारी रखें पर क्लिक करें
आपको लक्ष्य एसडीके चुनने के लिए कहा जाएगा आपको वर्डप्रेस चुनना होगा और फिर अगला पर क्लिक करना होगा।
चूंकि आपके पास केवल एक ग्राहक है, इस समय आपका ग्राहक आईडी स्वचालित रूप से भरेगा।
अगले बटन पर क्लिक करें, और आप तक पहुंचेंगे ‘टेस्ट सेटिंग’ कदम।
पर क्लिक करें ‘टेस्ट नोटिफिकेशन भेजें’ बटन।
एक सिग्नल अब वेब पुश अधिसूचना भेज देगा।
आप जिस सदस्यता के लिए उपयोग करते थे उस ब्राउज़र के आधार पर अधिसूचनाएं भिन्न हो सकती हैं। जब सूचना आपके कंप्यूटर स्क्रीन पर दिखाई दे तो आपको उस पर क्लिक करना होगा
यह आपको पुष्टि स्क्रीन पर ले जाएगा, दिखा रहा है कि आपने अपनी वेबसाइट के लिए OneSignal वेब पुश नोटिफिकेशन को सफलतापूर्वक सेट कर दिया है।
OneSignal वेबसाइट पर कॉन्फ़िगर स्क्रीन पर वापस लौटें और ‘ सूचना स्थिति जांचें ‘बटन
अब आप एक और सफलता संदेश देखेंगे जो दर्शाता है कि आपने अपने वर्डप्रेस साइट पर सफलतापूर्वक वेब पुश सूचनाएं जोड़ दी हैं।
कैसे वर्ड पुश सूचनाओं को वर्डप्रेस में वन सिग्नल के साथ भेजें
जब आप एक नई पोस्ट प्रकाशित करते हैं, तो आपके वर्डप्रेस साइट पर OneSignal वेब पुश नोटिफिकेशन प्लगइन स्वचालित रूप से सभी ग्राहकों को एक सूचना भेज देगा
आप अपने OneSignal ऐप डैशबोर्ड से मैन्युअल रूप से सूचनाएं भी भेज सकते हैं। अपने OneSignal खाते में लॉग इन करें और अपने ऐप नाम पर क्लिक करें।
अपने बाईं ओर स्थित मेनू से, ‘नया संदेश’ बटन पर क्लिक करें।
यह आपको नए संदेश स्क्रीन पर लाएगा। आप अपनी सूचना के लिए एक शीर्षक और कुछ सामग्री दर्ज कर सकते हैं
आप अपने वेब पुश नोटिफिकेशन को और कस्टमाइज़ करने के लिए विकल्प, सेगमेंट, शेड्यूल / बाद में भेजें पर भी क्लिक कर सकते हैं।
उदाहरण के लिए, आप इसे अपनी साइट पर किसी विशेष पेज पर लिंक कर सकते हैं, इसे अपने उपयोगकर्ताओं के किसी विशेष सेगमेंट पर भेज सकते हैं या किसी विशेष समय में भेजा जा सकता है।
हमें उम्मीद है कि इस लेख ने आपको वेब पुश अधिसूचना को अपने वर्डप्रेस साइट को जोड़ने में मदद की है