Tapjoy
us ENG
Platform: 
view all platforms
Create Account
iOS
Android
Unity
React Native
Flutter
User Acquisition
Legal Resources
Monetization
Getting Started
Offerwall Setup Guide

Offerwall Rendering

Feature is still in development and subject to change.

We currently only support fullscreen rendering of our web offerwall.

Tapjoy('init', {
  sdkKey: '<SDK_KEY>',
  publisherUserId: '<USER_ID>',
  eventName: '<PLACEMENT_NAME>',
  logger: console,
});

Tapjoy('showOfferwall', {});

Full example

image

Changing the SDK Key

You need to save the code below to an HTML file, for example demo.html and update the SDK_KEY with the one provided by our team.

USER_ID must be unique for each user.

PLACEMENT_NAME is an optional parameter which has default value as #WebOfferwall.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>

  <body>
    <script>
      (() => {
        var t, a, p, j, o, y;
        (t = window),
          (a = document),
          (p = 'https://webofferwall.tapjoy.com/sdk/latest'),
          'function' == typeof t[(j = 'Tapjoy')]
            ? t[j]('activator-reinitialized')
            : ((t[j] = function () {
                (t[j].q = t[j].q || []).push(arguments);
              }),
              (t[j].l = 1 * new Date()),
              (o = a.createElement('script')),
              (y = a.getElementsByTagName('script')[0]),
              (o.async = 1),
              (o.src = p),
              y.parentNode.insertBefore(o, y));
      })();
    </script>
    <script>
      Tapjoy('init', {
        sdkKey: '<SDK_KEY>',
        publisherUserId: '<USER_ID>',
        eventName: '<PLACEMENT_NAME>',
        logger: console,
      });
    </script>

    <button onclick="javascript:Tapjoy('showOfferwall', {});">Click Me</button>
  </body>
</html>

Contents