HTML5 Integration

The AdJoyOffers offerwall adapts to any screen size and shows offers based on user device and location.

1. Requirements

To use the offerwall, you must first create an application. Once your app is created and approved, you will have an API KEY and a SECRET KEY which are required for integration.

2. Integration Steps

Click on the Apps button in the sidebar.
From your app list, you can get your API and Secret Keys. Clicking the link icon will also give you the full integration code of the offerwall.
From your app overview, copy the offerwall integration code and paste it into your website.

3. Example Iframe Code

<iframe
  style="width:100%; height:800px; border:0; padding:0; margin:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="clipboard-write; fullscreen"
  frameborder="0"
  scrolling="yes"
  src="https://coinoffer.co/offer/[API_KEY]/[USER_ID]"></iframe>

<!-- Optional: tighten security if your host allows it (test first)
<iframe
  style="width:100%; height:800px; border:0"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin allow-popups"
  src="https://coinoffer.co/offer/[API_KEY]/[USER_ID]"></iframe>
-->

Replace [API_KEY] with your API Key and [USER_ID] with the unique identifier of the user viewing the wall.

4. Test Postback

From your app overview you can also test your postback integration. Refer to the Postback Notifications Section for more information.

← Previous: Create App Next: Postback →