敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,威尼斯人888-5845vip威尼斯电子游戏。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦
jsbridge.bm.config({
//广告 app id
//可在打包模块里面配置,以此 js 接口的配置值优先
app_id : "ba0063bfbc1a5ad878",
//可选,用户id,后期可调用 setuserid 设置
user_id: "13800138000"
}, function(succ, data) {
alert(succ ? "成功" : "失败:" json.stringify(data));
});
事件监听
• 如需接口调用事件,请设置此监听器;
jsbridge.bm.setlistener(function(event, data) {
switch (event) {
//激励视频 jsbridge.bm.rewardvideoad(...)
case "rewardvideoad": {
switch (data.action) {
//广告加载成功
case "onadload": {
//事件参数 data.message
break;
}
//视频素材缓存成功
case "onvideocached": {
break;
}
//广告页面展示
case "onadshow": {
break;
}
//广告奖励有效性回调,onreward 一定在 onadclose 之前,但不保证与 onvideocomplete 的先后顺序,建议在 onadclose 中判断 onreward 已回调才给用户奖励
case "onreward": {
break;
}
//广告被点击
case "onadclick": {
break;
}
//广告播放完毕
case "onvideocomplete": {
break;
}
//广告被关闭
case "onadclose": {
break;
}
//广告出错
case "onerror": {
break;
}
//播放出错(仅支持 ios)
case "onadplayerror": {
break;
}
}
break;
}
//插屏广告 jsbridge.bm.interstitialad(...)
case "interstitialad": {
switch (data.action) {
//广告加载成功
case "onadload": {
break;
}
//广告页面展示
case "onadshow": {
break;
}
//广告被点击
case "onadclick": {
break;
}
//广告被关闭
case "onadclose": {
break;
}
//广告出错
case "onerror": {
break;
}
}
break;
}
//横幅广告 jsbridge.bm.bannerad(...)
case "bannerad": {
switch (data.action) {
//广告加载成功
case "onadload": {
break;
}
//广告页面展示
case "onadshow": {
break;
}
//广告被点击
case "onadclick": {
break;
}
//广告被关闭
case "onadclose": {
break;
}
//广告出错
case "onerror": {
break;
}
}
break;
}
//快手短视频 jsbridge.bm.feedvideo(...)
case "feedvideo": {
switch (data.action) {
//展示普通视频(仅支持 android)
case "onshow": {
break;
}
//展示广告视频(仅支持 android)
case "onadshow": {
break;
}
//播放普通视频
case "onstart": {
break;
}
//播放广告视频
case "onadstart": {
break;
}
//暂停普通视频
case "onpause": {
break;
}
//暂停广告视频
case "onadpause": {
break;
}
//恢复普通视频
case "onresume": {
break;
}
//恢复广告视频
case "onadresume": {
break;
}
//播完普通视频
case "oncomplete": {
break;
}
//播完广告视频
case "onadcomplete": {
break;
}
//普通视频出错
case "onvideoerror": {
break;
}
//广告视频出错
case "onadvideoerror": {
break;
}
}
break;
}
//横版视频(仅支持 android) jsbridge.bm.hvideo(...)
case "hvideo": {
switch (data.action) {
//出错
case "onerror": {
break;
}
}
break;
}
//互动广告(仅支持 android) jsbridge.bm.hvideo(...)
case "interactive": {
switch (data.action) {
//出错
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.bm.removelistener();
展示广告
//激励视频,event: rewardvideoad
jsbridge.bm.rewardvideoad({
//必须,字符串类型,广告id
unit_id : "rv1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//插屏广告,event: interstitialad
jsbridge.bm.interstitialad({
//必须,字符串类型,广告id
unit_id: "i1",
//必须,数字类型,广告宽度(高度自适应)
width : 480
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//横幅广告,event: bannerad
jsbridge.bm.bannerad({
//必须,字符串类型,广告id
unit_id: "b1",
//必须,数字类型,期望的广告高度
width : 300,
//必须,数字类型,期望的广告宽度
height : 80,
//可选,数字类型,广告位置上边距,默认 0
top : 120
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//横幅广告
jsbridge.bm.bannerad({
remove: true
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//快手短视频,event: feedvideo
jsbridge.bm.feedvideo({
//广告id
unit_id: "df1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//横版视频,仅支持 android,event: hvideo
jsbridge.bm.hvideo({
//标题
title : "横版视频",
//主题颜色,light 浅色,dark 深色
theme : "light",
//广告id
unit_id: "hf1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//横版视频,仅支持 android,event: hvideo
jsbridge.bm.hvideo({
//标题
title : "横版视频",
//主题颜色,light 浅色,dark 深色
theme : "dark",
//广告id
unit_id: "hf1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//互动广告,仅支持 android,event: interactive
jsbridge.bm.interactive({
//广告id
unit_id: "w1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//cpa 任务,event: 无
jsbridge.bm.cpa({
//标题
title: "cpa 任务",
//主题颜色,light 浅色,dark 深色
theme: "light",
//h5 页面链接
url : "http://dev-qss3-webv.foretellmaster.com/ditch/task?union_id=10000&hideheader=1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//cpa 任务
jsbridge.bm.cpa({
//标题
title: "cpa 任务",
//主题颜色,light 浅色,dark 深色
theme: "dark",
//h5 页面链接
url : "http://dev-qss3-webv.foretellmaster.com/ditch/task?union_id=10000&hideheader=1"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
用户
//登录
jsbridge.bm.setuserid({
user_id : "13800138000"
}, function(succ, data) {
alert(succ ? "已登录" : json.stringify(data));
});
//退出
jsbridge.bm.setuserid({
//用户id留空则表示退出
user_id : ""
}, function(succ, data) {
alert(succ ? "已退出" : json.stringify(data));
});
监听回调数据: