Website Integration

To integrate the offerwall into your website you can either embed it in an iframe or open it in a new tab. Both approaches use the same URL.

Iframe integration

The recommended approach. The wall is responsive and will fill whatever container you give it.

html

<iframe
        src="http://adplusmedia.com/app/iframe/[APP_ID]/[USER_ID]"
        width="100%"
        height="100%"
        frameborder="0"
        scrolling="yes"
        allow="clipboard-write">
    </iframe>

Full-screen embed

To render the offerwall as a full-screen overlay:

html

<iframe
        src="http://adplusmedia.com/app/iframe/[APP_ID]/[USER_ID]"
        style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
    </iframe>

JavaScript integration

If you would rather open the wall in a new tab or a popup window:

javascript

window.open("http://adplusmedia.com/app/iframe/[APP_ID]/[USER_ID]");

Building the URL safely

Always URL-encode the user identifier before inserting it into the URL:

javascript

const APP_ID = "1042";
    const userId = getCurrentUserId();

    const offerwallUrl =
        "http://adplusmedia.com/app/iframe/" + APP_ID + "/" + encodeURIComponent(userId);

    document.getElementById("offerwall").src = offerwallUrl;

Replace [APP_ID] with the ID of your approved placement, and [USER_ID] with the unique identifier of the user who is viewing the wall.

Rewarding your users

The offerwall never credits users on its own. Rewards are delivered exclusively through your server-to-server postback. Do not attempt to detect completions in the browser, and never grant currency from client-side code.

Crediting from the client is trivially forgeable. Always credit from your backend, only after verifying the {sig} hash on the postback we send you.

Content Security Policy

If your site sends a Content-Security-Policy header, allow our host as a frame source:

text

Content-Security-Policy: frame-src http://adplusmedia.com;