How to Add OneSignal Push Notification on Blogger

Spread the love

If you are a Blogger then this is important to add Push Notification Subscription on your Blog. This is typical to add Push Notification on Blog but here is a tool that can do this work perfectly for you, it called OneSignal Push Notification. In this post, I will tell you how you can Add OneSignal Push Notification on your Blogspot Blog.

Before Proceed to add Push Notification on your Blogspot blog you need to create an app on OneSignal, You can create the OneSignal app on the official website of OneSignal (Click here to create Free OneSignal Account). After creating an account go to on your Email that you were using at the time of creating the OneSignal account and click on the Verification link.

Now login to your account on OneSignal Website and click on Add a New App button to create an. Here you need to Enter the app name basically it is your blog name so enter your blog name on the app name TextBox and click on Create button.

After clicking on Create button a new popup window will appear on your screen, here you need to select Website Push and then click on Next button given at the bottom. Now choose the popular Internet browser. We recommend you to choose the Google Chrome & Mozilla FireFox because these are popular internet browsers. You can change the Browser after creating the app successfully. Now click on Next button again.

Now you need to Enter your blog URL eg: http://www.yourdomain.com and default Notification icon URL here and click on Next button one more time.

In the Next window, you need to choose your website platform. You are going to add Push Notification on your Blogspot blog so Blogspot is not listed here so click on Website Push and then click on Next button again. Now you can see your Add ID here, Copy the Add ID and check out the Following code.

<head>
 <link rel="manifest" href="/manifest.json">
 <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
 <script>
 var OneSignal = window.OneSignal || [];
 OneSignal.push(["init", {
 appId: "YOUR_APP_ID",
 autoRegister: false,
 notifyButton: {
 enable: true /* Set to false to hide */
 }
 }]);
 </script>
</head>

In this code, you need to replace YOUR_APP_ID with your app ID that you get after creating the new app on OneSignal Website.

After replacing the App ID login to your blogger account and then go to the Layout and add a new Gadget here and then choose HTML / JavaScript and paste the above code here. That’s it now your blog users will see a popup subscribe button and also can subscribe Push Notification of your Blog.

So, I hope this post can help you to add Push Notification on Your blog. But if you have any questions related to this post then leave a comment.

Arvind Singh is a Web Developer / Blogger and Also a Youtuber. He Explores what’s possible with WordPress, Blogger, Mobile Phones, Web Development and shares his Knowledge with the Readers.

You May Also Like