敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240828.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
事件监听
• 如需处理接口调用事件,请设置此监听器;
jsBridge.wj.setListener(function(event, data) { switch (event) { //激励视频 jsBridge.wj.reward(...) case "reward": { switch (data.action) { //成功获取广告信息 case "onAdSucceed": { break; } //广告曝光 case "onAdExposure": { break; } //广告点击 case "onAdClicked": { break; } //广告关闭 case "onAdClose": { break; } //视频播放完毕 case "onVideoComplete": { break; } //广告激励达成 case "onAdReward": { jsBridge.toast("奖励已达成!"); break; } //广告加载失败,data.message 为失败说明 case "onAdFailed": { break; } } break; } //全屏视频 jsBridge.wj.fullscreen(...) case "fullscreen": { switch (data.action) { //成功获取广告信息 case "onAdSucceed": { break; } //广告曝光 case "onAdExposure": { break; } //广告点击 case "onAdClicked": { break; } //广告关闭 case "onAdClose": { break; } //视频播放完毕 case "onVideoComplete": { break; } //广告加载失败,data.message 为失败说明 case "onAdFailed": { break; } } break; } //插屏广告 jsBridge.wj.dialog(...) case "dialog": { switch (data.action) { //成功获取广告信息 case "onAdSucceed": { break; } //广告曝光 case "onAdExposure": { break; } //广告点击 case "onAdClicked": { break; } //广告关闭 case "onAdClose": { break; } //广告加载失败,data.message 为失败说明 case "onAdFailed": { break; } } break; } //banner横幅广告 jsBridge.wj.banner(...) case "banner": { switch (data.action) { //成功获取广告信息 case "onAdSucceed": { break; } //广告曝光 case "onAdExposure": { break; } //广告点击 case "onAdClicked": { break; } //广告关闭 case "onAdClose": { break; } //广告加载失败,data.message 为失败说明 case "onAdFailed": { break; } } break; } } //此函数仅用于显示回调参数在本 DEMO 页面上 showResult({ event: event, data : data }); }); //请拉到页面底部查看回调数据信息 $('html,body').animate({ scrollTop: $('#view').offset().top }, 500); /** 回调参数说明: event //事件代码,字符串类型 data: //事件数据,JSON 对象 { action : "onClick", //事件名称,字符串类型 message: "" //事件参数,字符串类型 } **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.wj.removeListener();
权限
//不强制要求权限,但建议您申请,获得权限后能提升广告效果 jsBridge.wj.requestPermissionIfNecessary(function(succ, res) { //res.allowAll 是否同意了全部权限 //res.neverAsk 拒绝时是否选中了 “不再提示” alert("allowAll: " + res.allowAll + "\n" + "neverAsk: " + res.neverAsk); });
展示广告
adId:
userId:
//激励视频,setListener 的监听回调 event 为 reward jsBridge.wj.reward({ //字符串类型,广告平台上申请的代码位id adId: "{{reward.adId}}", //可选,用户标识 userId: "{{reward.userId}}", //可选,自定义信息 customInfo: "" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
adId:
//全屏视频,setListener 的监听回调 event 为 fullscreen jsBridge.wj.fullscreen({ //字符串类型,广告平台上申请的代码位id adId: "{{fullscreen.adId}}" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
adId:
//插屏广告,setListener 的监听回调 event 为 dialog jsBridge.wj.dialog({ //字符串类型,广告平台上申请的代码位id adId: "{{dialog.adId}}" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
adId:
//横幅广告,setListener 的监听回调 event 为 banner jsBridge.wj.banner({ //字符串类型,广告平台上申请的代码位id adId: "{{banner.adId}}", //数字类型,到顶部的距离 top : 20 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
adId:
//横幅广告,setListener 的监听回调 event 为 Banner jsBridge.wj.banner({ adId: "{{banner.adId}}", //数字类型,到底部的距离 bottom: 20 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//横幅广告 jsBridge.wj.banner({ remove: true }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
监听回调数据: