HOW TO ENABLE WEBPUSH IN YOUR BLOG| BLOGGING BYTZ (part-1)

TANAY SRIVASTAVA
TANAY SRIVASTAVA
December 07, 2020
9

 STEPS TO ADD ALLOW NOTIFICATION/ WEB PUSH IN YOUR BLOG TO SEND NOTIFICATION TO USERS.

SO TO START WITH WEB PUSH TO SEND NOTIFICATION TO YOUR USERS ARE AS FOLLOWING.



THIS IS SOME WHAT HOW YOUR CAN DISPLAY THE MESSAGE.

STEPS ON HOW TO ADD THE WEB PUSH CODE.

  1. OPEN GOOGLE  AND TYPE ONE SIGNAL.



2. NOW CLICK ON LOG IN TO ONE SIGNAL AND A NEW TAB WILL OPEN WHICH WILL ASKS YOU YOU TO CONTINUE WITH GOOGLE. SIGNUP  AND YOU WILL GET A NEW WINDOW OPENED AS SHOWN BELOW.


3. AS SHOWN IN ABOVE PICTURES YOU HAVE TO FIRST FILL THE FORM AS FOLLOWING. 
  • FIRST WRITE THE NAME/TITLE OF YOUR BLOG /WEBSITE.
  • THEN IN AT LAST SELECT THE CHROME SYMBOL OF WEBPUSH.

4.NOW YOU HAVE TO SELECT THE TYPE OF WEBSITE/BLOG.AND SELECT THE PARTS WHICH HAVE BEEN SELECTED IN PICTURE BELOW.

5.NOW FILL THE DETAILS IN FORM THAT WILL BE SHOWN ON YOUR SCREEN.

  • FIRST WRITE SITENAME AS FOR EXAMPLE MY SITE NAME IS BLOGGING BYTZ.
  • THEN WRITE YOUR SITE URL FOR EXAMPLE MY SITE NAME IS [HTTPS://BLOGGINGBYTZ.BLOGSPOT.COM] WRITE YOUR BLOG'S URL THERE.
  • THEN UPLOAD YOUR BLOG LOGO/IMAGE YOU WANT TO SHOW.
  • THEN WRITE THE LABEL FOR EXAMPLE YOUR TITLE.
  • THEN MOVE TO NEXT STEP AS SHOWN AFTER ONE PICTURE. 


6. NOW AFTER FILLING ALL THE DETAILS YOU HAVE TO CLICK SAVE.YOU MAY SEE SOME WHAT THE THE WINDOW SCREEN LIKE THIS.


7. NOW CLICK SAVE AS SHOWN IN PICTURE BELOW AND A CODE WILL APPEAR.
  • CODE

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
  window.OneSignal = window.OneSignal || [];
  OneSignal.push(function() {
    OneSignal.init({
      appId: "38035a2f-1e5e-40ea-9e11-0a80c4f08a74",
    });
  });
</script>
THIS IS A EXAMPLE OF CODE WHICH WILL BE SHOWN ON YOUR SCREEN:

NOTE:- DONOT COPY THIS CODE:- 

HOW TO APPLY CODE IN YOUR BLOG.

NOW AFTER GETTING THIS  CODE JUST COPY THAT CODE AND OPEN BLOGGER THEN LAYOUT SECTION. 


THEM PASTE THE CODE AS SHOWN IN PICTURE ABOVE AND CLICK SAVE AND VISIT YOUR BLOG I'SINT IT WORKS DEFINITELY IT WILL WORK.

STEPS PF SENDING MESSAGES THROUGH WEBPUSH.

AFTER ADDING THE CODE YOU SHOULD HAVE ATLEAST <1 SUSCRIBER TO SEND WEBPUSH NOTIFICATION TO LEARN HOW TO SEND NOTIFICATION YOU CAN LEARN IN UPCOMING POSTS.