敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241118.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
♦ 神蓍广告
事件监听
• 如需接口调用事件,请设置此监听器;
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)); } });
监听回调数据: