WebApp快捷打包
赋能广告
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

事件监听

setListener 设置监听器

• 如需处理接口调用事件,请设置此监听器;

jsBridge.fn.setListener(function(event, data) {
    switch (event) {
        //激励视频 jsBridge.fn.reward(...)
        case "reward": {
            switch (data.action) {
                //广告加载成功
                case "onLoaded": {
                    break;
                }
                //广告缓存成功
                case "onCached": {
                    break;
                }
                //广告展示
                case "onShow": {
                    break;
                }
                //广告爆光
                case "onExpose": {
                    break;
                }
                //激励视频奖励发放,data.message 为 orderId
                case "onReward": {
                    break;
                }
                //广告点击
                case "onClick": {
                    break;
                }
                //广告播放完成
                case "onComplete": {
                    break;
                }
                //广告激励达成
                case "onClose": {
                    break;
                }
                //广告错误,data.message 为错误说明
                case "onError": {
                    break;
                }
            }
            break;
        }
        //全屏插屏视频 jsBridge.fn.fullscreenVideo(...)
        case "fullscreenVideo": {
            switch (data.action) {
                //成功获取广告信息
                case "onLoad": {
                    break;
                }
                //广告逃过
                case "onSkipped": {
                    break;
                }
                //广告点击
                case "onClick": {
                    break;
                }
                //广告关闭
                case "onClose": {
                    break;
                }
                //开始播放
                case "onPlayStart": {
                    break;
                }
                //结束播放
                case "onPlayEnd": {
                    break;
                }
                //广告错误,data.message 为错误说明
                case "onError": {
                    break;
                }
            }
            break;
        }
        //插屏 jsBridge.fn.interaction(...)
        case "interaction": {
            switch (data.action) {
                //广告展开
                case "onOpen": {
                    break;
                }
                //广告缓存成功
                case "onCached": {
                    break;
                }
                //广告曝光
                case "onExposure": {
                    break;
                }
                //广告点击
                case "onClick": {
                    break;
                }
                //广告关闭
                case "onClose": {
                    break;
                }
                //广告错误,data.message 为错误说明
                case "onError": {
                    break;
                }
            }
            break;
        }
        //banner横幅 jsBridge.fn.banner(...)
        case "banner": {
            switch (data.action) {
                //成功获取广告信息
                case "onReceive": {
                    break;
                }
                //广告曝光
                case "onExposure": {
                    break;
                }
                //广告关闭
                case "onClosed": {
                    break;
                }
                //广告点击
                case "onClicked": {
                    break;
                }
                //广告错误,data.message 为错误说明
                case "onError": {
                    break;
                }
            }
            break;
        }
    }
    //此函数仅用于显示回调参数在本 DEMO 页面上
    showResult({
        event: event,
        data : data
    });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
event  //事件代码,字符串类型
data:  //事件数据,JSON 对象
{
  action : "onClick", //事件名称,字符串类型
  message: ""         //事件参数,字符串类型
}
**/

removeListener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.fn.removeListener();

展示广告

reward 激励视频

adId:

//激励视频,setListener 的监听回调 event 为 reward
jsBridge.fn.reward({
  //字符串类型,广告平台上申请的代码位id
  adId: $("#reward").val(),
  //用户ID和扩展信息主要用于服务器端激励回调
  userId   : "13800138000",
  extraInfo: "扩展信息"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

fullscreenVideo 全屏插屏视频

adId:

//全屏插屏视频,setListener 的监听回调 event 为 fullscreenVideo
jsBridge.fn.fullscreenVideo({
  //字符串类型,广告平台上申请的代码位id
  adId: $("#fullscreenVideo").val()
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interaction 插屏

adId:

//插屏,setListener 的监听回调 event 为 dialog
jsBridge.fn.interaction({
  //字符串类型,广告平台上申请的代码位id
  adId: $("#interaction").val()
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

banner 横幅 - 展示广告 顶边距

adId:

//横幅,setListener 的监听回调 event 为 banner
jsBridge.fn.banner({
  //字符串类型,广告平台上申请的代码位id
  adId: $("#banner1").val(),
  //数字类型,到顶部的距离
  top   : 20
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

banner 横幅 - 展示广告 底边距

adId:

//横幅,setListener 的监听回调 event 为 Banner
jsBridge.fn.banner({
  adId: $("#banner2").val(),
  //数字类型,到底部的距离
  bottom: 20
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

banner 横幅 - 移除广告

//横幅
jsBridge.fn.banner({
  remove: true
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

监听回调数据: