敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦
事件监听
• 如需接口调用事件,请设置此监听器;
jsbridge.kc.setlistener(function(event, data) { switch (event) { //激励视频 jsbridge.kc.rewardvideo(...) case "rewardvideo": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //全屏视频 jsbridge.kc.fullvideo(...) case "fullvideo": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //视频内容 jsbridge.kc.videocontent(...) case "videocontent": { switch (data.action) { case "onerror": { break; } } break; } //插屏广告 jsbridge.kc.insert(...) case "insert": { switch (data.action) { //展示 case "onshow": { break; } //点击 case "onclick": { break; } //关闭 case "onclose": { break; } case "onerror": { break; } } break; } //横幅广告 jsbridge.kc.banner(...) case "banner": { switch (data.action) { //展示 case "onshow": { break; } //点击 case "onclick": { break; } //关闭 case "onclose": { break; } case "onerror": { break; } } break; } //信息流模块 jsbridge.kc.news(...) case "news": { switch (data.action) { case "ontimeover": { break; } case "onclose": { break; } } break; } //小说内容模块 jsbridge.kc.novel(...) case "novel": { switch (data.action) { case "ontopprize": { break; } case "onsmallaward": { break; } } break; } //幸运大抽奖 jsbridge.kc.dial(...) case "dial": { switch (data.action) { case "ontopprize": { break; } case "onsmallaward": { break; } } break; } //星座运势 jsbridge.kc.constellatory(...) case "constellatory": { switch (data.action) { case "onreward": { break; } } break; } //老黄历 jsbridge.kc.almanac(...) case "almanac": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //周公解梦 jsbridge.kc.oneiromancy(...) case "oneiromancy": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //天气预报 jsbridge.kc.weather(...) case "weather": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //学习天地 jsbridge.kc.study(...) case "study": { switch (data.action) { //已加载 case "onload": { //事件参数 data.message break; } //展示 case "onshow": { break; } //点击 case "onclick": { break; } //开始播放 case "onvideostart": { break; } //完成播放 case "onvideoend": { break; } //关闭 case "onclose": { break; } //发放奖励 case "onreward": { break; } case "onerror": { break; } } break; } //喜马拉雅 jsbridge.kc.xm(...) case "xm": { switch (data.action) { case "onsuccess": { break; } case "ontimeover": { break; } case "onclose": { break; } case "onerror": { break; } } break; } } //此函数仅用于显示回调参数在本 demo 页面上 showresult({ event: event, data : data }); }); //请拉到页面底部查看回调数据信息 $('html,body').animate({ scrolltop: $('#view').offset().top }, 500); /** 回调参数说明: event - 事件代码,字符串类型,即为对应首字母大写的广告接口名称 data - 事件数据,json 对象 { action : "事件名称", //如 onshow、onclose 等,与原生 sdk 的各个 listener 接口里面的方法名称一致 message: "事件参数" } **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setlistener jsbridge.kc.removelistener();
展示广告
//激励视频,setlistener 的监听回调 event 为 rewardvideo jsbridge.kc.rewardvideo({ //字符串类型,广告id adid : "09a177d681d6fb81241c3dce963dcb46", //字符串类型,用户id,主要用于服务器端激励回调 userid: "123456" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//全屏视频,setlistener 的监听回调 event 为 fullvideo jsbridge.kc.fullvideo({ //字符串类型,广告id adid: "d879c3ded01d5ce319cd2751474ba8e4" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//视频内容,setlistener 的监听回调 event 为 videocontent jsbridge.kc.videocontent({ //字符串类型,视频内容id adid: "2a96205dfddb8d27c784ff31f0625ba4", //数字类型,奖励次数 rewardcount: 10, //数字类型,单次奖励倒计时时间(单位秒,传入值要求大于10s) downtime: 15, //字符串类型,倒计时结束后的提示文字 desc : "奖励条件达成!", verify : false }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//插屏广告,setlistener 的监听回调 event 为 insert jsbridge.kc.insert({ //字符串类型,广告id adid: "1d273967f51868af2c4e080d496d06d0" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//横幅广告,setlistener 的监听回调 event 为 banner jsbridge.kc.banner({ //字符串类型,广告id adid: "107eb50edfe65ea3306c8318fd57d0b3", //数字类型,到顶部的距离 top : 20 }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//横幅广告,setlistener 的监听回调 event 为 banner jsbridge.kc.banner({ adid : "107eb50edfe65ea3306c8318fd57d0b3", //数字类型,到底部的距离 bottom: 20 }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//横幅广告 jsbridge.kc.banner({ remove: true }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//信息流模块,setlistener 的监听回调 event 为 news jsbridge.kc.news({ //字符串类型,信息流模块id adid: "ebe266aae65f52c37a28bf2d586132eb", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //信息流广告id informationadid: "", //倒计时的时间(传0则不需要倒计时功能,也就没有验证的功能) downtime: 10, //每隔多少条信息出一个广告(5 < count < 10) count: 6, verify: false }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//2023-3-9已弃用 //需配置小说 appid 才能调用此接口 //小说内容模块,setlistener 的监听回调 event 为 novel jsbridge.kc.novel({ adid: "6ebf6503c9379a85dc95c0ae8d787c35" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//幸运大抽奖,setlistener 的监听回调 event 为 dial jsbridge.kc.dial({ bigdesc: "大奖的描述", //大奖的概率:0到100 bigprobability: 30, smalldesc: "小奖的描述", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46", //免费摇奖次数 freecount: 5, //每天最多摇奖次数 maxcountperday: 12 }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//星座运势,setlistener 的监听回调 event 为 constellatory jsbridge.kc.constellatory({ //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//老黄历,setlistener 的监听回调 event 为 almanac jsbridge.kc.almanac({ //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46", //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//周公解梦,setlistener 的监听回调 event 为 oneiromancy jsbridge.kc.oneiromancy({ //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46", //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//天气预报,setlistener 的监听回调 event 为 weather jsbridge.kc.weather({ //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46" }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//学习天地,setlistener 的监听回调 event 为 study jsbridge.kc.study({ //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46", //答题数量 count: 20 }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
//2023-3-9已弃用 //喜马拉雅,setlistener 的监听回调 event 为 xm jsbridge.kc.xm({ //banner广告id banneradid: "107eb50edfe65ea3306c8318fd57d0b3", //插屏广告id inertadid : "1d273967f51868af2c4e080d496d06d0", //激励视频广告id rewardvideoadid: "09a177d681d6fb81241c3dce963dcb46", //信息流广告id informationadid: "", //倒计时时长,秒 downtime: 15, //倒计时次数 count: 6, //解锁声音数量 audiocount: 15 }, function(succ, data) { if (!succ) { alert(json.stringify(data)); } });
监听回调数据: