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.
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.
Step #2: Fill-up the name of your app or website > Select
Web Push > Click
Configure your platform
Step #3: Choose Integration
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.
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
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
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
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
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.
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
.
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!
