OneSignal
Custom Push Origin Demo

How does this demo work?

Note: See the "your-custom-subdomain.yoursite.com" part of this demo here.

This site represents the "yoursite.com" user-facing site, which:

• Creates a hidden iFrame to http(s):your-custom-subdomain.yoursite.com/popup.html to communicate with the OneSignal integration (checking for subscribed state, sending tags..etc.)
• Opens a popup window to http(s):your-custom-subdomain.yoursite.com/subscribe.html to actually subscribe users to push.

Users are actually subscribing to push notifications in a new window pointing to http(s)://your-custom-subdomain.yoursite.com/subscribe.html.

How can I reset my state to test like a new user?

Please follow these instructions to wipe your site's storage and reset your notification permissions.

Be sure to close all existing tabs to this site after following those instructions, or simply restart your browser, to complete the reset process.

Where can I see the code?

• iframe-init.js - Initializes the iframe to check subscription status and communicate with your remote OneSignal integration (view)

Be sure to open the Chrome Developer Tools console and look at the logs too!