OneSignal provides a simple interface to push notification. It is a high reliable push notification services for web sites and Mobile applications.
Follow these simple steps to integrate OneSignal in AMP.
1. Getting started with Push Notifications in AMP
From the dashboard we go to left-hand side in Menu bar go to AMP option panel -> Settings ->Push Notification ->Enable One Signal Push Notification.
After that enable OneSignal Push Notification it will show APP ID option.
Follow the Step to install OneSignal Plugin:
1) Install OneSignal Plugin.
2) From the dashboard, we go to the left-hand side in Menu bar go to OneSignal Push
3) After that need to Set Up Option and Create a OneSignal Account.
4) After that Created OneSignal Account. In this account key and ID’s will generated.
5) This key should be copy and past in OneSignal push option -> Configuration tab ->APP ID AND REST API key click on the save changes button.
2. Implement Push Notifications in AMP
In push Notification, you can set the APP ID. You can also already get this key from OneSignal Plugin settings:
Follow the Step to Set APP ID :
1) AMP optional panel -> Settings ->Push Notification option ->Enable OneSignal option -> Enter APP ID from OneSignal Account and the Click on the “Save Changes” button.
- Below the Content: Once you enable this option it will be show Subscribe Button Below the Content.
- Above the Content: Once you enable this option it will be show Subscribe Button Above the Content.
3. How to use OneSignal App without HTTPS
AMP web push is only compatible with URLs that begin with https://.
OneSignal still supports AMP web push for HTTP sites that use a subdomain of OneSignal (e.g. subdomain.os.tc), but when viewing the HTTP site as an AMP page, the site URL must be HTTPS.
When users view an AMP page on an actual mobile device, they are often directed by Google to a URL like “https://www.google.com/amp/www.site.com”. This means that HTTP sites that don’t ordinarily support HTTPS will actually support HTTPS thanks to Google if the AMP page is cached by Google and navigated from Google’s search results.
If your site doesn’t have an HTTPS connection(SSL)
Follow the Step for Experimental subdomain option :
1) AMP optional panel -> Settings ->Push Notification option -> Experimental
2) First, enable the HTTP Site option and enter the subdomain:
The Output Of OneSignal Push Notifications
Important Notes:
- Skip step 3 if your site uses an HTTPS connection (SSL)
- Resave The Permalinks
- It will not display push Notification on localhost. Your site must be on https.
That’s it for this tutorial!
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.
Hey, I am using amp by autometic and trying to enable one signal web push notification by your plugin. but it is not working , i am using Neve theme in Native amp mode.
Hi Nilesh,
Will you please provide us exact URL where you are having an error so that we can check and get back to you.
Hi,
I have followed the steps above but One SIgnal is still not appearing on my AMP pages:
https://moving2canada.com/express-entry-draw/amp/
Hi Wayne,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Hi
I use pushnotifications.io and its WordPress plugin: “Push Notifications for WP & AMP” for handling my push notification service. How can i customize it with your AMP plugin?
Thanks
Hi Mohammad,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
I’ve implemented amp code successfully and the subscribe button also appears but the automatic native prompt on new visitors doesn’t appear in the top. Why?
https://hoodoochild.com/ Please check out and reply soon!
Thank you.
Hi Roze S,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Onesignal integration is working nicely on desktop browser but not working on mobile browser please help 🙁
Hi Sagar Soni,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Hi,
I have followed the steps above but One SIgnal the message is appearing on my AMP pages, but there are no notifications on mobile browser???
https://www.news60sec.com/desh/67481/lockdown-msme-will-give-employment-to-90-lakh-people-yogi-govt/?amp=1
Hi Sanjay,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Hi, there
I’m facing an issue regarding Onesignal web push notification which work on my desktop, but not working on my amp website.
http://www.sandytrendy.com
Hi Sandeep,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Is AMP relevant on my website?
My website is: https://techsuspect.com/
Hi Alan,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
follow all the steps, but the pop-up signal is not shown in the mobile version, nor in the amp version, mainly within the post.
Could you check for me what happened?
Mi site is: https://horoscopododia.site/
Hi Horoscopo do Dia,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Hi,
I have followed the steps above but One SIgnal is still not appearing on my AMP pages:
https://newsgujaratlife.com/
Hi Second to none,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.