ayeT-Studios React Native Publisher SDK

This package allows integration a web offerwall in a react native application effortlessly. You can check out our example app here.

Preparations

Before going forward with the implementation, you should create a web placement and a web offerwall adslot in your publisher account at ayetstudios.com.

Project Setup

First, add & install the ayetsdk package to your react native project:

$ npm i ayetsdk
$ npm i --save react-native-webview

For additional platform specific setup steps that might be required, please refer to react-native webview.

How to integrate the ayeT-Studios Offerwall in your app

import { AyetOfferwall } from "ayetsdk";

When rendering the AyetOfferwall component, a userId and an adslotId has to be passed. The userId should be a unique, persistent identifier (alphanumeric) for the user. An example might be a unique user id or the hashed email address of the user. adslotId is the id of the web_offerwall adslot created in your publisher dashboard at ayetstudios.com.

<AyetOfferwall
  userId="myuser-23374"
  adslotId="123"
  onClose={onClose}
/>

The onClose callback function should be implemented according to your requirements. A common practice is to navigate back in your router when the onClose callback is triggered.

const onClose = () => {
  // code you want to execute on offerwall close button pressed
};