敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20260129.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;
}
//加载广告失败
case "onLoadFail": {
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 "onError": {
break;
}
//加载广告失败
case "onLoadFail": {
break;
}
}
break;
}
//插屏广告 jsBridge.kc.insert(...)
case "Insert": {
switch (data.action) {
//展示
case "onShow": {
break;
}
//点击
case "onClick": {
break;
}
//关闭
case "onClose": {
break;
}
case "onError": {
break;
}
//加载广告失败
case "onLoadFail": {
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();
展示广告
adId:
userId:
//激励视频,setListener 的监听回调 event 为 RewardVideo
jsBridge.kc.rewardVideo({
//必需,广告id
adId: "{{rewardVideo.adId}}",
//可选,用户ID
userId: "{{rewardVideo.userId}}"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
userId:
//全屏视频,setListener 的监听回调 event 为 FullVideo
jsBridge.kc.fullVideo({
//必需,广告id
adId: "{{fullVideo.adId}}",
//可选,用户ID
userId: "{{fullVideo.userId}}"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
userId:
//插屏广告,setListener 的监听回调 event 为 Insert
jsBridge.kc.insert({
//必需,广告id
adId: "{{insert.adId}}",
//可选,用户ID
userId: "{{insert.userId}}"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
监听回调数据: