Monday 7 May 2018

How to Enable Web Push Notification(Bell Icon)

Notification Bell icon Website PAR KESE LAGAYE 


How to Enable Web Push Notification(Bell Notification) on Blogger | Hindi. Agar aap apne blog par Bell icon notification ya web push notification Lagana chahte hain to iss Post Ko Jarur Padhe.
दोस्तों, आज का टॉपिक है की 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 PAR KESE LAGAYE 

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://kundanebizer.blogspot.com Paste करे और Save पर click करे.
स्टेप 7. अब यहाँ से आपको एक App ID (example-c83a1327-7cb3-438d-9886-c3f45dfa25c7 मिलेगा, उसे 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://kundanebizer.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 हो गया है.

1 comment:

Hello Dear Friends Please Skip & Spam Na Kare. Comment Kar Ke Bataye Post Kesi Lagi. Or Post Share Jarur Kare.. Ap Sabhi Ko Apna Kimti Samay Dene Ke Liye Thank You So Much.....