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.

Table of Contents

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.

Note

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

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.

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.

    push_onesignal1.png
  2. Provide a name for the new app.

  3. Click the CREATE button.

    push_onesignal2.png
  4. Select the Web Push platform type.

  5. Click the Next button.

    push_onesignal4.png
  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.

    push_onesignal5.png
  10. Click the ADD A PROMPT button.

    push_onesignal6.png
  11. Select the prompt type.

  12. Enable prompt customization.

  13. Provide a message for your prompt.

  14. Click the SAVE button.

    push_onesignal7.png
  15. Click the SAVE button again.

    push_onesignal8.png
  16. Download the SDK files to your hard drive.

  17. Copy the code to any text editing tool.

    push_onesignal9.png
  18. Click the Finish button.

The OneSignal App has been set up.

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.

  • 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:

    <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>
  • 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:

      push_onesignal10.png

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 Create a Lander Element article. Remember to add a click URL to your landing page as well. Read the Adding Click URLs to a Landing Page article to learn how to do that.

  2. Add an offer to Voluum. Read the Creating an Offer Element 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 will enable push notifications, you will see them in OneSignal.

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.