激励视频(RewardVideo)广告的对接及示例
1. 导入 RewardedVideo
模块
typescript
import {RewardedVideo} from '@zmide/react-native-gromore';
若需要设置广告方向,还需导入
RNADRewardedVideoDirection
组件
2. 使用 RewardedVideo
对象的 show
方法
TIP
必须为 RewardedVideo
传入相应的 slotId
。
示例:
示例以
TouchableNativeFeedback
组件为容器,点击文字Enter Reward Video
进入激励视频广告。
typescript
<TouchableNativeFeedback
onPress={async () => {
await RewardedVideo?.show({
slotId: codes.rewarded_video_code,
muted: true,
direction: RNADRewardedVideoDirection.vertical,
onAdLoadSuccess() {
console.log('RewardedVideo onAdLoadSuccess');
},
onAdLoadFail(error: any) {
console.log('RewardedVideo onAdLoadFail', error);
},
onAdServerRewardDidSucceed(result: any) {
console.log('RewardedVideo onAdServerRewardDidSucceed', result);
},
});
}}>
<View>
<Text>Enter Reward Video</Text>
</View>
</TouchableNativeFeedback>
激励视频广告配置选项如下(使用方法可参考上述示例):
参数 | 描述 | 选项 |
---|---|---|
muted | 是否静音 | true 关闭音量 false 开启音量 |
direction | 广告方向 | vertical 竖屏 horizontal 横屏 |
userConfig.userId | 用户唯一标识 | |
userConfig.extra | 透传参数 | |
userConfig.rewardName | 奖励名称 | |
userConfig.rewardAmount | 奖励数量 |
RewardedVideo
事件列表如下:
事件名称 | 描述 |
---|---|
onAdLoadSuccess | 广告加载成功 |
onAdLoadFail | 广告加载失败 |
onAdDidDownLoadVideo | 广告素材加载完成 |
onAdDidShowFailed | 广告展示失败 |
onAdDidVisible | 广告已经展示 |
onAdDidClose | 广告已经关闭 |
onAdDidClick | 广告被点击 |
onAdDidClickSkip | 广告被点击跳过 |
onAdDidPlayFinish | 广告视频播放完成 |
onAdServerRewardDidSucceed | 广告奖励下发成功 (在该回调函数 result 参数能够获取到单次广告请求的 ecpm 相关信息) |
onAdServerRewardDidFail | 广告奖励下发失败 |