---
title: Rewarded ads
description: Display full-screen rewarded ads that reward users for completing an action, with optional server-side verification.
---
Rewarded Ads are full-screen ads that cover the interface of an app until closed by the user. The content of a rewarded
advert is controlled via the Google AdMob dashboard.
The purpose of a rewarded 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).
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 ad, call the `createForAdRequest` method from the `RewardedAd` 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 { RewardedAd, TestIds } from 'react-native-google-mobile-ads';
const adUnitId = __DEV__ ? TestIds.REWARDED : 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
const rewarded = RewardedAd.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 [`RewardedAd`](https://github.com/invertase/react-native-google-mobile-ads/blob/main/packages/core/src/ads/RewardedAd.ts) class,
which provides a number of utilities for loading and displaying rewarded 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, useState } from 'react';
import { Button } from 'react-native';
import {
AdEventType,
RewardedAd,
RewardedAdEventType,
TestIds,
} from 'react-native-google-mobile-ads';
const adUnitId = __DEV__ ? TestIds.REWARDED : 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
const rewarded = RewardedAd.createForAdRequest(adUnitId, {
keywords: ['fashion', 'clothing'],
});
function App() {
const [loaded, setLoaded] = useState(false);
useEffect(() => {
const unsubscribeLoaded = rewarded.addAdEventListener(RewardedAdEventType.LOADED, () => {
setLoaded(true);
});
const unsubscribeEarned = rewarded.addAdEventListener(
RewardedAdEventType.EARNED_REWARD,
reward => {
console.log('User earned reward of ', reward);
},
);
const unsubscribePaid = rewarded.addAdEventListener(AdEventType.PAID, event => {
console.log('Rewarded revenue', event.value, event.currency);
});
const unsubscribeClosed = rewarded.addAdEventListener(AdEventType.CLOSED, () => {
setLoaded(false);
// Preload the next ad on the same instance.
rewarded.load();
});
// Start loading the rewarded ad straight away
rewarded.load();
// Unsubscribe from events on unmount
return () => {
unsubscribeLoaded();
unsubscribeEarned();
unsubscribePaid();
unsubscribeClosed();
};
}, []);
// No advert ready to show yet
if (!loaded) {
return null;
}
return (
