插全屏广告
插全屏广告
此章节将演示如何请求在React Native环境下请求与展示插全屏广告
插屏广告是移动广告的一种常见形式，在应用开流程中弹出，当应用展示插页式广告时，用户可以选择点按广告，访问其目标网址，也可以将其关闭，返回应用。
提示
插屏半屏和插屏全屏通过广告位来区分样式
插全屏广告请求
加载插屏广告
ZJUtils.loadInterstitialAd('J4588704645', false, (event: ZJEvent, code: number, msg: string | null) => {});
请求参数说明
| param | 类型 | 说明 |
|---|---|---|
| posId | string | 广告位ID |
| mutedIfCan | boolean | 是否开启声音，默认true |
| callback | AdCallback | 广告回调 |
AdCallback 事件说明
| Event | 参数 | 说明 |
|---|---|---|
| ZJEvent.LOAD_ERROR | errCode:number, errMsg:string | 广告加载失败 errCode:错误码，非错误事件为0 errMsg:错误信息，非错误事件为空字符串 |
| ZJEvent.SHOW_ERROR | errCode:number, errMsg:string | 广告展示失败 errCode:错误码，非错误事件为0 errMsg:错误信息，非错误事件为空字符串 |
| ZJEvent.SHOW | / | 广告展示成功 |
| ZJEvent.CLICK | / | 广告点击 |
| ZJEvent.CLOSE | / | 广告关闭 |
插全屏广告展示示例
MyApp/pages/InterstitialAd.tsx
/**
* 加载并展示插全屏广告
*/
ZJUtils.loadInterstitialAd('J4588704645', false, (event: ZJEvent, code: number, msg: string | null) => {
switch (event) {
case ZJEvent.LOAD:
console.log('LOAD------------------');
this.setState({
loadAd: true
});
break;
case ZJEvent.SHOW:
console.log('SHOW------------------');
break;
case ZJEvent.CLICK:
console.log('CLICK------------------');
break;
case ZJEvent.CLOSE:
console.log('CLOSE------------------');
break;
case ZJEvent.LOAD_ERROR:
console.log('LOAD_ERROR------------------');
break;
case ZJEvent.DetailDidClose:
console.log('DetailDidClose------------------');
break;
}
});
插屏广告的展示
/**
* 展示预加载的插全屏广告
*/
ZJUtils.showInterstitialAd();