ESC
React Native Starter AI logo
Menu
On this page

Components > Rewarded Interstitial Ad Button

Rewarded intertitial ad is an ad type that is used to offer rewards to your users once the ad is completely watched. The difference between rewarded interstitial ad and rewarded ad is that rewarded interstitial ads don't require users' opt-in to view whereas rewarded ads require action from the users.

Tips to show

Rewarded interstitial ad type is mostly suitable for scenarios like the user waits for a process to complete such as AI generation and gets free credit for the one next generation to keep the engagement. At that point, you can show the rewarded interstitial ad to the user and add to his credit and keep him/her in the app.

Rewarded Interstitial Ad Button

Rewarded Interstitial Ad Button component and useRewardedIntersititial custom hook comes with React Native Starter AI out of the box. The button component can be used to trigger to show the rewarded interstitial ad by user action or you can use the custom useRewardedInterstitial hook to programmatically trigger showing the ad.


React Native Starter AI's dmeo app showing rewarded interstitial test ad

The configuration of Rewarded Interstitial Ad Button component or useRewardedInterstitialAd hook is pretty easy too. You need to insert AdMob Ad Unit IDs of Rewarded Interstitial Ad to react-native-starter-mobile/constants/ads.ts file like below:


react-native-starter-mobile/constants/ads.ts
1// REWARDED INTERSTITIAL 2export const IOS_REWARDED_INTERSTITIAL_ID = "ca-app-pub-<REWARDED_INTERSTITIAL_AD_UNIT_ID>"; 3export const ANDROID_REWARDED_INTERSTITIAL_ID = "ca-app-pub-<REWARDED_INTERSTITIAL_AD_UNIT_ID>";

These rewarded interstitial ad unit IDs can be created through the AdMob dashboard like below:


AdMob dashboard ad units listing page
AdMob dashboard create rewarded interstitial ad unit page