---
title: Rewarded interstitial ads
description: Display full-screen rewarded interstitial ads that reward users without requiring opt-in.
---
Rewarded Interstitial Ads are full-screen ads that cover the interface of an app until closed by the user. The content of a rewarded interstitial
advert is controlled via the Google AdMob dashboard.
The purpose of a rewarded interstitial ad is to reward users with _something_ after completing an action inside of the advert, such
as watching a video or submitting an option via an interactive form. If the user completes the action, you can reward them
with something (e.g. in-game currency). Unlike rewarded ads, users aren't required to opt-in to view a rewarded interstitial.
Before showing a rewarded interstitial ad, you must present an intro screen that provides clear
reward messaging and an option to skip the ad before it starts. See Google's [rewarded
interstitial guide](https://developers.google.com/admob/android/rewarded-interstitial).
Complete consent and SDK initialization before calling `load()`. See [Consent & privacy
basics](/consent-basics) and the shared [load best
practices](/ad-formats#load-and-refresh-best-practices).
To create a new rewarded interstitial ad, call the `createForAdRequest` method from the `RewardedInterstitialAd` class. The first argument
of the method is the "Ad Unit ID". For testing, we can use a Test ID, however for production the ID from the
Google AdMob dashboard under "Ad units" should be used:
```js
import { RewardedInterstitialAd, TestIds } from 'react-native-google-mobile-ads';
const adUnitId = __DEV__
? TestIds.REWARDED_INTERSTITIAL
: 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
const rewardedInterstitial = RewardedInterstitialAd.createForAdRequest(adUnitId, {
keywords: ['fashion', 'clothing'],
});
```
The second argument is additional optional request options object to be sent whilst loading an advert, such as keywords & location.
Setting additional request options helps AdMob choose better tailored ads from the network.
View the [`RequestOptions`](https://github.com/invertase/react-native-google-mobile-ads/blob/main/packages/core/src/types/RequestOptions.ts) source code to see the full range of options available.
The call to `createForAdRequest` returns an instance of the [`RewardedInterstitialAd`](https://github.com/invertase/react-native-google-mobile-ads/blob/main/packages/core/src/ads/RewardedInterstitialAd.ts) class,
which provides a number of utilities for loading and displaying rewarded interstitial ads.
To listen to events, such as when the advert from the network has loaded or when an error occurs, we can subscribe via the
`addAdEventListener` method:
```js
import React, { useEffect, useRef, useState } from 'react';
import { Button, Text, View } from 'react-native';
import {
AdEventType,
RewardedInterstitialAd,
RewardedAdEventType,
TestIds,
} from 'react-native-google-mobile-ads';
const adUnitId = __DEV__
? TestIds.REWARDED_INTERSTITIAL
: 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
const rewardedInterstitial = RewardedInterstitialAd.createForAdRequest(adUnitId, {
keywords: ['fashion', 'clothing'],
});
// onContinue moves the app on to its next step.
function LevelTransition({ onContinue }) {
const [loaded, setLoaded] = useState(false);
const [introVisible, setIntroVisible] = useState(false);
const onContinueRef = useRef(onContinue);
onContinueRef.current = onContinue;
const showPendingRef = useRef(false);
useEffect(() => {
const unsubscribeLoaded = rewardedInterstitial.addAdEventListener(
RewardedAdEventType.LOADED,
() => {
setLoaded(true);
},
);
const unsubscribeEarned = rewardedInterstitial.addAdEventListener(
RewardedAdEventType.EARNED_REWARD,
reward => {
console.log('User earned reward of ', reward);
},
);
const unsubscribePaid = rewardedInterstitial.addAdEventListener(AdEventType.PAID, event => {
console.log('Rewarded interstitial revenue', event.value, event.currency);
});
const unsubscribeClosed = rewardedInterstitial.addAdEventListener(AdEventType.CLOSED, () => {
showPendingRef.current = false;
setLoaded(false);
// Preload the next ad on the same instance, then move on.
rewardedInterstitial.load();
onContinueRef.current();
});
// show() resolves once presentation is handed to the SDK; a later failure arrives here.
const unsubscribeError = rewardedInterstitial.addAdEventListener(AdEventType.ERROR, error => {
console.warn(error);
setLoaded(false);
if (showPendingRef.current) {
showPendingRef.current = false;
onContinueRef.current();
}
});
// Start loading the rewarded interstitial ad straight away
rewardedInterstitial.load();
// Unsubscribe from events on unmount
return () => {
unsubscribeLoaded();
unsubscribeEarned();
unsubscribePaid();
unsubscribeClosed();
unsubscribeError();
};
}, []);
if (introVisible) {
return (
Watch a short ad to earn 50 coins?
);
}
// Without a loaded advert, the transition goes straight to the next step.
return (
