OneSignal Push Notification Setup Kaise Kare (

OneSignal Push Notification Setup Kaise Kare (WordPress/BlogSpot)

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

सबसे पहले OneSignal.com पर जाए और Signup करने के लिए Web Push सेक्शन के Get Started पर क्लिक करे.
एक नया tab खुलेगा जिसमे Signup करने के लिए आपको अपने बारे जानकारी देना है. आप चाहे तो Gmail, फेसबुक से भी लॉग इन कर सकते है.
फिर एक नया पेज खुलेगा जिसमे App Name type करना है और Create आप्शन पर क्लिक करना है.
फिर नए tab में Google Chrome & Mozilla Firefox option को चुन करे Next पर जाए.
नया पेज खुलेगा उसमे आपको अपने साईट का URL address लिखना है और फिर Second बॉक्स में ICON का URL देना है.
ICON URL कहा से सेट करे. Icon बिलकुल निचे दिए गए image की तरह है.
- तो सबसे पहले कोई भी 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 करे.
Waiting

फिर एक नया tab खुलेगा. अगर आपका वेबसाइट Blogspot.com पर है तो Website Push को चुने, यदि आपका वेबसाइट WordPress पर होस्टेड है तो WordPress को चुने.

अब नए पेज पर 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 पर क्लिक करे.

फिर एक कोड पेज खुलेगा जिसमे अपने Mouse से कही भी left click करे और उसके बाद CTRL+F दबाए. अब एक search बॉक्स आयेगा जिसमे </head> type करके enter बटन दबाना है.
</head> के तुरंत ऊपर निचे दिए गए कोड को कॉपी करके पेस्ट करे.

<!– OneSignal Web Push Notification Widget www.gyanmehack.blogspot.com–> <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.gyanmehack.blogspot.com–>

Code में आपको कुछ Edit करना है वो है:
- ‘YOUR_APP_ID‘ की जगह जो कोड कॉपी करके notepad में है उससे replace करे.
- ‘SUBDOMAIN_NAME’ की जगह जो Subdomain ऊपर अपने सेट किया था उससे replace करे.
अब Template को Save करे.
जब भी आप कोई नया पोस्ट लिखेंगे तो आपको manually आपको notification सेंड करना परेगा.
onesignal.com पर जाकर app में जाये और फिर ‘New Message‘ आप्शन में enter करे.