Notification Bell icon Website पर कैसे लगाये?

दोस्तों, आज का टॉपिक है की Notification Bell icon Website पर कैसे लगाये? अपने बहुत से Website पर देखा होगा की एक छोटा सा Bell Icon लगा होता है. जिसपर click करने के बाद आप उस Website को Subscribe कर देते है और जब भी उस Website पर कोई नया post Publish होता है तो आपके Browser पर उसका Notification मिल जाता है.

अगर आपके पास Blogger Website है और आप भी अपने Website/Blog पर ऐसा Push Notification लगाना चाहते है. तो आप बिलकुल सही जगह है और आज मैंने आपको बताऊंगा की कैसे आप Push Notification Feature website पर add कर सकते है और Traffic Boost कर सकते है.

Notification Bell icon Website पर कैसे लगाये?

WordPress Website पर Push Notification Enable करना बहुत आसान है. But Blogger के लिए यह थोडा मुश्किल है, क्योकि इसमें आपको JavaScript Code add करना पड़ता है. ऐसे में अगर अपने पास Blogger Website है तो आप यह स्टेप follow करके अपने website पर Push Notification Feature add कर सकते है.

स्टेप 1. सबसे पहले आप OneSingal.com website पर जाये और अपना अकाउंट Create करे.
स्टेप 2. अकाउंट क्रिएट करने के बाद Add a New App option पर click करे.
स्टेप 3. अब आप app का कोई भी नाम Select करे और Next पर click करे.
स्टेप 4. अब आप यहाँ से Website Push option Select करके Next पर click करे.
स्टेप 5. यहाँ पर आप Chrome & Mozilla Firefox Option Select करे.
स्टेप 6. यहाँ पर आप अपने website का URL(https://ishailesh.blogspot.in/) Paste करे और Save पर click करे.
स्टेप 7. अब यहाँ से आपको एक App ID (example-692fbbfb-2821-4493-bdc6-d966953cc663) मिलेगा, उसे Copy करके Notepad में paste कर दे.
स्टेप 8. अब अपने Blogger Dashboard से Layout option में जाये.
स्टेप 9. Layout में आप Add a Gadget Option पर click करे और HTML/JavaScript option open करे.
स्टेप 10. HTML/JavaScript option में ये Code Copy करके paste कर दे.

<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 */
httpPermissionRequest: {
enable: true
},
notifyButton: {
enable: true /* Set to false to hide */
}
}]);
</script>
<script rel=”nofollow” src=”https://ishailesh.blogspot.in/”></script>

स्टेप 11. paste करने के बाद आप नोटपैड से APP ID Copy करे और Code में जहा लिखा है. YOUR_APP_ID उसके जगह वह ID Paste करे और Save पर click कर दे.
स्टेप 12. अब आप Layout में Save Arrangement पर click करे website को open करे. आपके Website पर Bell Icon या Push Notification add हो गया है.

Visual तरीके से देखने के लिए Video Guide देखे,

दोस्तों, यहाँ सबसे आसान तरीका है किसी भी Blogger Website पर Bell Icon Push Notification लगाने के लिए. Hope आप सभी के लिए Helpful रहा हो और साथ में आप हमारे Facebook Page को Like करना ना भूले.

 

14 Replies to “Notification Bell icon Website पर कैसे लगाये?”

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.