Follow us on Twitter
..Implementing the code: Paste the code that you have copied from OneSignal and paste into the section of your landing page’s HTML. Your landing page should look like this:Uploading the SDK files: The details may differ depending on your hosting, however, this is how generally it should look/Unpack the downloaded file.Go to your landing page’s file editor.Upload the 3 files to your landing page’s root folder. It should look like this:Back to topIII. Configure trackingThe remaining part is to set up tracking in a standard way:Add your landing page to Voluum. If you want to learn more about creating a landing page, read the Add a Lander Element article. Remember to add a click URL to your landing page as well. Read the Adding Click URLs to a Lander article to learn how to do that.Add an offer to Voluum. Read the Add an Offer to Voluum article to learn more.Add a traffic source. Read the Traffic Sources article to learn more.Create a campaign. Read the Campaigns article to learn more.Submit a campaign URL to your traffic source as a destination URL.Once your visitors enable push notifications, you will see them in OneSignal.Back to topIV. Final NotesTest the setup yourself using the web browser’s incognito mode to make sure everything works correctly.Wait until you gather a lot subscribers before you start running them offers.Back to top"}

Building a Push Subscriber List With OneSignal and Voluum


Building your own list of users that have opted in for push subscriptions is a good strategy for promoting your products using this type of ad in the future. OneSignal provides a relatively easy solution to implement a push notification consent pop-up on your landing page.

The following guide is valid for:

  • Voluum users whose sole purpose is to gather push subscribers.
  • Voluum users who want to gather push subscribers as a side activity when running a standard campaign.

For the latter ones, the only important paragraphs will be about a landing page setup and OneSignal configuration.

How Does It Work?

The idea behind this setup is rather simple. Push subscribers are people that have consented to display push notifications. You design a web page that displays a question about enabling notifications and, provided they agree, your landing page domain is saved in their web browser's settings. OneSignal provides you with all the necessary tools to configure and manage push notifications on your landing page. Once you gather a substantial database of users, you can send them various marketing messages without any cost.

The landing page you use to display a push notification consent pop-up may be designed only do get users to allow notifications or may be a page that you already use or plan to use in regular affiliate campaigns.

Voluum Info: Please keep in mind that push notifications are not allowed on iOS, which leaves us with desktop and Android traffic only.

Back to top

Before You Start

The following things are needed in order to complete the setup:

  • An active Voluum account.
  • An active OneSignal account. Free account allows for 30k subscribers per month.
  • A landing page where you display a push notification concent pop-up.
  • An offer where you will direct visitors once they agree to.
  • A source of traffic.

Once you have everything, you can proceed with the rest of the guide.

Back to top

I. Configure OneSignal app To Display Push Notifications

The first thing you need to do is to configure the OneSignal app. In order to do so, perform the following steps:

  1. In OneSignal, click the NEW APP/WEBSITE button.

  2. Provide a name for the new app.
  3. Click the CREATE button.

  4. Select the Web Push platform type.
  5. Click the Next button.

  6. Select the integration type. In this guide, we've selected the Typical Site integration, which works in most cases. If you have a landing page set using a popular landing page builders or you wish to have more control over the whole setup, you can go for other types.
  7. Provide the name of your landing page.
  8. Provide your landing page's URL.
  9. Upload or provide a URL address to a notification icon.

  10. Click the ADD A PROMPT button.

  11. Select the prompt type.
  12. Enable prompt customization.
  13. Provide a message for your prompt.
  14. Click the SAVE button.

  15. Click the SAVE button again.

  16. Download the SDK files to your hard drive.
  17. Copy the code to any text editing tool.

  18. Click the Finish button.

The OneSignal App has been set up.

Back to top

II. Set Up Your Landing Page

The second thing you need to do is to implement a OneSignal code and upload the SDK files to your landing page's root folder.

  • <HEAD>
    .
    .
    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
    <script>
      var OneSignal = window.OneSignal || [];
      OneSignal.push(function() {
        OneSignal.init({
          appId: "73918721-d062-491f-8213-dbe67088ab4d",
        });
      });
    </script>
    .
    .
    </HEAD>

    Implementing the code: Paste the code that you have copied from OneSignal and paste into the <HEAD> section of your landing page's HTML. Your landing page should look like this:

  • Uploading the SDK files: The details may differ depending on your hosting, however, this is how generally it should look/

    1. Unpack the downloaded file.
    2. Go to your landing page's file editor.
    3. Upload the 3 files to your landing page's root folder. It should look like this:

Back to top

III. Configure tracking

The remaining part is to set up tracking in a standard way:

  1. Add your landing page to Voluum. If you want to learn more about creating a landing page, read the Add a Lander Element article. Remember to add a click URL to your landing page as well. Read the Adding Click URLs to a Lander article to learn how to do that.
  2. Add an offer to Voluum. Read the Add an Offer to Voluum article to learn more.
  3. Add a traffic source. Read the Traffic Sources article to learn more.
  4. Create a campaign. Read the Campaigns article to learn more.
  5. Submit a campaign URL to your traffic source as a destination URL.

Once your visitors enable push notifications, you will see them in OneSignal.

Back to top

IV. Final Notes

  • Test the setup yourself using the web browser's incognito mode to make sure everything works correctly.
  • Wait until you gather a lot subscribers before you start running them offers.

Back to top

Track & optimize
your campaigns with ease!

<