Rewarded Video

Integrate rewarded video ads

Usage

All functions to create, reload and show rewarded video ads are included to RNAatkit module. So first you should import RNAatkit.

import {
    RNAatkit,
} from '@addapptr/react-native-aatkit'

When AATKit is already initialized, you can create rewarded video placement. Just call createRewardedVideoPlacement function passing the placement name as parameter. Please note that the placement name has to be constant after once defined and cannot change with every app restart.

RNAatkit.createRewardedVideoPlacement("Rewarded");

Then you can reload placement using reloadPlacement function. Also it's possible to let fullscreen ad to be auto-reloaded by calling startPlacementAutoReload.

RNAatkit.reloadPlacement(
    "Rewarded", (placementReloaded) => {
        console.log("placementReloaded " + placementReloaded);
    });

When rewarded video ad is loaded, you can show it calling showPlacement function.

RNAatkit.showPlacement("Rewarded", (rewardShown) => {
    console.log("rewardShown " + rewardShown);
});

Use AATKitUserEarnedIncentive event to figure out if placement earned incentive.

const subscription = aatkitEmitter.addListener(
  'AATKitUserEarnedIncentive',
  (data) => console.log("AATKitUserEarnedIncentive placementName: " + data.placementName + " reward: " + data.reward)
);

Callbacks

RNAatkit provides more callbacks which might be useful, for example to get notified when rewarded video ad is loaded . To receive them, use NativeEventEmitter.

import {
    RNAatkit,
} from '@addapptr/react-native-aatkit'
import { NativeEventEmitter } from 'react-native';

const aatkitEmitter = new NativeEventEmitter(RNAatkit);

const subscriptionHaveAd = aatkitEmitter.addListener(
    'AATKitHaveAd',
    (data) => console.log("AATKitHaveAd placementName " + data.placementName)
);

const subscriptionNoAds = aatkitEmitter.addListener(
    'AATKitNoAds',
    (data) => console.log("AATKitNoAds placementName: " + data.placementName)
);

const subscriptionPauseForAd = aatkitEmitter.addListener(
    'AATKitPauseForAd',
    (data) => console.log("AATKitPauseForAd placementName: " + data.placementName)
);

const subscriptionResumeAfterAd = aatkitEmitter.addListener(
    'AATKitResumeAfterAd',
    (data) => console.log("AATKitResumeAfterAd placementName: " + data.placementName)
);

API

For more details about functions and callbacks of RNAatkit component, please see this page in the Reference.

Last updated