OneSignal Push Notification Setup Kaise Kare

Blogger और Digital Marketing वेबसाइट ओनर के लिए Push Notification बहुत मायेने रखता है और वेबसाइट के ट्रैफिक के लिए बहुत जरुरी है. Push Notification का काम होता है जब आप कोई नया पोस्ट लिखते या update करते है तो आपके पुराने visitors   को notification भेजता है. Example के लिए आपमें से बहुत से लोगो ने UC News डाउनलोड किया होगा तो आप देखते होंगे किसी भी न्यूज़ का notification आपके फ़ोन पर बार-बार आता होगा. ठीक  उसी तरह जब आप अपने वेबसाइट पर कोई आर्टिकल publish करेंगे तोह   Push Notification नए पोस्ट के बारे में आपके visitors को notification भेजेगा.

यदि आपका ब्लॉगर/wordpress किसी पर भी है इस tutorial से आप अपने वेबसाइट में  Push Notification setup कर सकते है. वैसे तो वेबसाइट के लिए बहुत सारे  Push Notification भेजने वाली कंपनी है जैसे PushEngage, OneSignal etc. PushEngage के फ्री version में सिर्फ 2500 subscriber बना सकते है जबकि Onesignal में ऐसा कोई limitation नहीं है. इसलिए मैं आपको Onesignal Push Notification के बारे बताऊंगा.



OneSignal Push Notification Setup Kaise Kare (WordPress/BlogSpot)

Blogspot और WordPress का अलग अलग tutorial है पहले ब्लागस्पाट का फिर निचे WordPress का tutorial देखे.

  • सबसे पहले OneSignal.com पर जाए और Signup करने के लिए Web Push सेक्शन के Get Started पर क्लिक करे. onesignal push web notification setup kaise kare
  • एक नया tab खुलेगा जिसमे Signup करने के लिए आपको अपने बारे जानकारी देना है. आप चाहे तो Gmail, फेसबुक से भी लॉग इन कर सकते है.OneSignal Push Notification Setup Kaise KareOneSignal Push Notification Setup Kaise Kare
  • फिर एक नया पेज खुलेगा जिसमे App Name type करना है और Create आप्शन पर क्लिक करना है.OneSignal Push Notification Setup Kaise Kare
  • App बनने के बाद जो नया पेज खुलेगा उसमे Website Push आप्शन चुने और Next आप्शन पर जाए.OneSignal Push Notification Setup Kaise Kare
  • फिर नए tab में Google Chrome & Mozilla Firefox option को चुन करे Next पर जाए.OneSignal Push Notification Setup Kaise Kare
  • अब जो नया पेज खुलेगा उसमे आपको अपने साईट का URL address लिखना है और फिर Second बॉक्स में ICON का URL देना है.OneSignal Push Notification Setup Kaise Kare
    • ICON URL कहा से सेट करे. Icon बिलकुल निचे दिए गए image की तरह है. onesignal web push notification
    • तो सबसे पहले कोई भी image को अपने वेबसाइट में अपलोड करे.
    • Upload करने के बाद Image का URL address आपको वह बॉक्स में पेस्ट करना है.
  • अगर website में SSL security है तो My site is not fully HTTPS को कुछ नहीं करे. लेकिन वेबसाइट बिना SSL सिक्यूरिटी के है या फिर आप Blogspot.com use करते है तो My site is not fully HTTPS को tick करे. Read: Website Me Free SSL/HTTPS SET Kaise Kare
    • जिन्होंने उस आप्शन को tick किया है वो स्क्रीन को निचे करे Yoursubdomain की जगह अपने वेबसाइट का नाम enter करे.
    • फिर Save आप्शन पर क्लिक करे.OneSignal Push Notification Setup Kaise Kare
  • फिर एक नया tab खुलेगा. अगर आपका वेबसाइट Blogspot.com पर है तो Website Push को चुने, यदि आपका वेबसाइट WordPress पर होस्टेड है तो WordPress को चुने. OneSignal Push Notification Setup Kaise Kare
  • अब नए पेज पर App ID दिखाई देगा उसको कॉपी करके Notepad पर save करे. अब Blogspot और WordPress दोनों के लिए अलग-अलग tutorial है जिसमे App ID को वेबसाइट पर configuration करने का तरीका बताया जा रहा है.




Blogspot.com पर OneSignal Push Notification Setup Process

अब आपको अपने template में एक Javascript सेट करना है. निचे दिए गए कोड को template में  </head> के ऊपर सेट करना होगा. पूरा Step जाने कैसे:

  • Blogger.com खोले और अपने अकाउंट में लॉग इन करे.
  • फिर Dashboard में Template>>Edit HTML पर क्लिक करे.

OneSignal Push Notification Setup Kaise Kare

  • फिर एक कोड पेज खुलेगा जिसमे अपने Mouse से कही भी left click करे और उसके बाद CTRL+F दबाए. अब एक search बॉक्स आयेगा जिसमे </head> type करके enter बटन दबाना है.
  • </head>  के तुरंत ऊपर निचे दिए गए कोड को कॉपी करके पेस्ट करे.
<!– OneSignal Web Push Notification Widget www.gyanbook.in –>
<script src=”https://cdn.onesignal.com/sdks/OneSignalSDK.js” async=’async’></script>
  <script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push([“init”, {
      appId: “YOUR_APP_ID”,
      autoRegister: false, /* Set to true to automatically prompt visitors */
      subdomainName: ‘SUBDOMAIN_NAME’,   
      httpPermissionRequest: {
        enable: true
      },
      notifyButton: {
          enable: true /* Set to false to hide */
      }
    }]);
</script>

<!– OneSignal Web Push Notification Widget www.gyanbook.in –>
  • Code में आपको कुछ Edit करना है वो है:
    • YOUR_APP_ID‘  की जगह जो कोड कॉपी करके notepad में है उससे replace करे.
    •  ‘SUBDOMAIN_NAME’ की जगह जो Subdomain ऊपर अपने सेट किया था उससे replace करे.
  • अब Template को Save करे.
  • जब भी आप कोई नया पोस्ट लिखेंगे तो आपको manually आपको notification सेंड करना परेगा.
  • onesignal.com पर जाकर app में जाये और फिर  ‘New Message‘ आप्शन में enter करे.OneSignal Push Notification Setup Kaise Kare
  • यहाँ से आप अपने सभी Subscriber को नए post का notification भेज सकते है.

WordPress hosted website पर OneSignal Push Notification Setup Kaise Kare

अपने WordPress वेबसाइट में लॉग इन करे और फिर Dashboard>Plugin>Add New option में जाये उसके बाद निचे के स्टेप को follow करे.

  • फिर Onesignal Push search करे और Plugin को install करे. Install करने के बाद प्लगइन activate करे. onesignal push
  • Activate करने के बाद Dashboard में Onesignal के आप्शन पर क्लिक करे.
  • फिर Configuration में जाये.OneSignal Push Notification Setup 100%
  • अगर domain SSL वाला है तो My Site Uses An Https Connection (SSL) को on करे वरना इसपर कुछ नहीं करे.
  • App ID और Rest API Key जो आपने ऊपर कॉपी किया था उसको यहाँ Paste करदे.
  • अगर आपके वेबसाइट में SSL सिक्यूरिटी नहीं है तोह ऊपर जो अपने Subdomain बनाया था उसको Onesignal Subdomain box में type करे.OneSignal Push Notification Setup 100%
  • फिर पेज के last में जाये और Save आप्शन पर tap करे.




अब फिर से onesignal.com वेबसाइट पर जाये और मेरे बताये गए बातो को follow करे.

  • अपने App Name पर क्लिक करे.
  • फिर App Settings में जाये
  • Google Chrome & Mozilla Firefox option के सामने Configure के आप्शन पर क्लिक करे.OneSignal Push Notification Setup 100%
  • फिर Save आप्शन को चुने आपका Setup कम्पलीट हो जायेगा.

Video tutorial


इस तरह से आप अपने वेबसाइट पर OneSignal Push Notification Setup 100% कर सकते है. ऊपर मैंने WordPress और Blogger दोनों के लिए अलग-अलग tutorial बताया है उम्मीद करता हूँ आपको बहुत पसंद आया होगा.

Comments

  1. By DJKKK

    Reply

  2. By mukesh thakur

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

facebook
error: Content is protected !!
Download This App For Free RechargeDownload App
+ +