Latest

Post Top Ad

Your Ad Spot

6/16/2020

How to install Push Notification in Blogger

Why use Push Notification in your site? Use push notification to message your users when they might need a reminder about something. People find great value in receiving push notifications that alert them of updates or the latest news from your blog.

One of the best and reliable platform for push notification is OneSignal. OneSignal is a reliable service to send push notifications, in-app messages, and emails to your users on mobile and web, including content management platforms like blogger, Wordpress and Shopify.

What is the advantage in using OneSignal? In OneSignal documentation you can discover resources and training to implement OneSignal’s SDKs, learn how to leverage OneSignal’s powerful API, and find best practices for sending messages to increase your user engagement. In short OneSignal is user friendly and easy to integrate to your website or blog.

Install Push Notification in Blogger using OneSignal Platform


Now let us proceed with the tutorial on how to setup OneSignal in blogger site. Simply follow the instructions and you will not get lost. If you have any questions feel free to comment below.

How to set up OneSignal Web Push notifications on Blogger sites

Configuring Notification at OneSignal.

Step #1: Create an account at OneSignal.Com > Proceed to Create New App/Website.

Install Push Notification in Blogger using OneSignal Platform
Step #2: Fill-up the name of your app or website > Select Web Push > Click Configure your platform

Step #3: Choose Integration


Install Push Notification in Blogger using OneSignal Platform

Note: OneSignal supports sending web push notifications from a variety of different web technologies. Select Blogger to continue

Step #4: Blogger Site Setup

Once you've selected Blogger as your integration, you must fill out information about your site.

Install Push Notification in Blogger using OneSignal Platform

Choose a Label

Blogger implementations must choose a unique label to be displayed in your notifications. For example, the above image shows notifications are coming from vbt.os.tc. I use vbt as my label.

Note: You can only change your label if you have less than 100 web users. Once you have 100+ web users, this setting is disabled.

Step #5: Permission Prompt Setup


Install Push Notification in Blogger using OneSignal Platform
To send push notifications to users, you first must ask them for permission using a Prompt. You must have at least one Prompt on your site for web push to work. Click Add a Prompt to open the permission prompt selector.

Permission Prompt Editor


Install Push Notification in Blogger using OneSignal Platform

In the Permission Prompt Editor, you can select which prompts you wish to use, and style them as you like. Once you have edited the prompt to your liking, click Save.

The following Options can be see at the Permission Prompt Editor:

Subscription Bell - a small icon at the corner of your page that users can interact with to subscribe

Slide Prompt - a small modal that comes from the center of the page and asks if users are interested in signing up.

HTTP Pop-Up Prompt (HTTP-only) - a pop-up window that appears after other prompts that is required for HTTP sites.

Custom Prompts - create your own links or buttons as prompts.

Step #6: Welcome Notification


Install Push Notification in Blogger using OneSignal Platform

Optional


Welcome notifications an optional way to thank users after subscribing to your site. Users will see a welcome notification as soon as they subscribe. You can edit or disable them here.

Step #7: Advanced Options


Install Push Notification in Blogger using OneSignal Platform

Optional

Most sites will not have to edit anything in Advanced options.

Step #8: Once you've completed steps 3-7, click 'Save' to save your configuration.

To enable OneSignal on your Blogger site, you will need to copy the code from Web Push Settings.


Install Push Notification in Blogger using OneSignal Platform


Adding Code to Blogger Site

Just simply follow the steps below:

Step #1: Log in to your Blogger Account and Go to your Blogger Dashboard

Step #2: Click ->Template -> Edit HTML Note: Backup your Template

Step #3: Find  by Pressing CTRL + F (Windows) or CMD + F (MAC)

Step #4: Paste the code below   tag.

Install Push Notification in Blogger using OneSignal Platform


Step #5: Save your template and you're done

Tutorial Credit: onesignal.com

That's all for this tutorials. Thanks for dropping by at vbt blog.

Happy Blogging!

No comments:

Post a Comment

Post Top Ad

Your Ad Spot

Pages