Skip to content

激励视频(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广告奖励下发失败