插屏广告

插屏广告

插屏广告是移动广告的一种常见形式,在应用开流程中弹出,当应用展示插页式广告时,用户可以选择点按广告,访问其目标网址,也可以将其关闭,返回应用。

提示

插屏半屏和插屏全屏通过广告位来区分样式

请求插屏广告

提示

插屏广告加载为耗时操作,可以通过加载中对话框等方式提示用户,并屏蔽用户的重复请求广告行为

插屏广告会在加载完成后自动播放

methods: {
    interstitial() {
        if(isLoading) {
            return
        }
        isLoading = true
        uni.showLoading({
            title: '加载中',
            mask: true,
        })
        this.zjJSBridge.interstitial({
            // 广告位ID,必填
            posId: "J3599641705",
            // 用户ID,选填
            userId: "13000000000"
        }, function(succ, data) {
            console.log("succ = " + succ + " & data = " + data)
        })
    }
}

事件回调

注意

请确保已经在当前页面已参照文档配置监听器正确配置了监听器

onLoad() {
    this.zjJSBridge.ready(() => {
        this.zjJSBridge.setListener((event, data) => {
            if (event != this.zjJSBridge.events.interstitial) {
                return
            }
            switch (data.action) {
                case this.zjJSBridge.actions.onZjAdError:
                    isLoading = false
                    uni.hideLoading()
                    uni.showModal({
                        showCancel: false,
                        title: '插屏加载失败',
                        content: "错误码:" + data.code + "\n错误信息:" + data.msg
                    })
                    break;
                case this.zjJSBridge.actions.onZjAdLoaded:
                    isLoading = false
                    uni.hideLoading()
                    console.log('插屏加载成功');
                    break;
                case this.zjJSBridge.actions.onZjAdShow:
                    console.log('插屏展示');
                    break;
                case this.zjJSBridge.actions.onZjAdClick:
                    console.log('插屏点击');
                    break;
                case this.zjJSBridge.actions.onZjAdClose:
                    console.log('插屏关闭');
                    break;
            }
        })
    })
},