OneSignal: Free Push Notification for Blogger


Keeping your blog readers notified instantly after publishing new post should be your #1 priority, OneSignal.com brings to you the means to do so. With OneSignal, you don't need to create a mobile app for your Blogger blog to get push notifications.

With push notification enabled on your blog, you will be able to send latest post updates directly to your subscribers either on their desktop or mobile devices keeping your blog readers in touch and fully updated. With OneSignal readers don't need to give their email address or any other contact details to subscribe to push notifications on your blog - this seems easy to integrate!. Also, they can easily unsubscribe from receiving push notifications easily when they feel like.


The Pros on OneSignal: Free Push Notification for Blogger

Pros:
[*] Free: OneSignal is a free service that supports unlimited devices and notifications. OneSignal makes money by selling data to advertisers and research companies. We also offer paid service options for clients that require increased data privacy.
[*] Advanced Functionality: OneSignal provides marketing tools including A/B testing, segment targeting, variable-substitution, localization, drip marketing, and conversion tracking.
[*] Platform Support: It provides a single UI and API to deliver messages across iOS, Android, Amazon Fire, Windows Phone, Chrome Apps, Amazon Alexa, Safari, Chrome Web and Firefox.
[*] SDK Support: OneSignal provides SDKs for nearly every major cross-platform mobile development environment, including Unity, PhoneGap, Cordova, Ionic, React Native, Intel XDK, Corona, Xamarin, Marmalade, Adobe Air, and Web Push.

Read more from: https://documentation.onesignal.com/docs

Steps on How To Add OneSignal: Free Push Notification for Blogger

Step 1: Go to https://onesignal.com and signup for an account by clicking on the Web Push "GET STARTED" button.


Step 2: You can Sign up using Github, Google, Facebook or register by email.


Step 4: A confirmation message will be sent to your email, click on the "Click Here To Confirm Your Account" button.


Step 5: After email confirmation, login to your OneSignal admin dashboard >> Click on All Apps >> Add a new app.


Step 6: On the App Name, input the name of your blog (Example: RomShillzz Blog) >> click on the Create button.


Step 7: Now Select a platform to configure, an Edit App Windows pops out >> Select  Website push >> click Next.


Step 8: Now select Google Chrome & Mozilla Firefox >> click Next.


Step 9: Input your site URL (Example: http://www.romshillzzblog.com/). On the Default Notification Icon URL, input a URL of an image you would like to use as your notification icon if you don't know an icon to use, then copy and paste the URL below and use it as your notification icon.
https://goo.gl/ALsMH5
...make no changes to the Choose Sub Domain option >> click Save.


Step 10: Select Web Push again >> click Next.


Step 11: Read the documentation to learn how to install the SDK for your HTTP site. For Blogger blog, follow the steps below to implement code:

Step 11.1: Go to Blogger Dashboard >> "Theme" >> click on the "Edit HTML" button.


Step 11.2: Click anywhere inside the HTML code area and press the CTRL + F keys to open the Blogger search box.


... type or paste the following tag into the search box and hit Enter to find it:
</head>

Step 10.3: Copy the below code and paste it just above the </head> tag.

Code:

<!--OneSignal: Free Push Notification for Blogger Scripts by RomShillzz Blog Start-->
  <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>
<!--OneSignal: Free Push Notification for Blogger Scripts by RomShillzz Blog End-->

Configuration:

[*] Replace YOUR_APP_ID with your App id (Example: 7exxx5xx-21xx-xx92-8x3e-4xxxe4edxxxx).

Step 11.4: Click on the Save Theme button

Step 12: Reload your blog's homepage to see result >> then Subscribe to Notifications

Step 13: Now return to the Website Push SDK Installation >> click on Check Subscribe User.  Now if everything has been properly implemented, you receive a success message.


N.B: Don't forget to check if your app is properly working. Thanks and don't forget to leave your comments!




Cheers, Hope this Works!