ayetsdk v1.0.12
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-webviewFor 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
};