敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20250507.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 的监听回调 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));
}
});
监听回调数据: