敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
事件监听
• 如需接口调用事件,请设置此监听器;
jsbridge.omni.setlistener(function(event, data) {
switch (event) {
//开屏广告 jsbridge.omni.splash(...)
case "splash": {
switch (data.action) {
//加载成功
case "onsplashadsuccessload": {
break;
}
//加载失败
case "onsplashadfailtoload": {
break;
}
//展示成功
case "onsplashadsuccesspresent": {
break;
}
//点击
case "onsplashadclicked": {
break;
}
//关闭
case "onsplashclosed": {
break;
}
}
break;
}
//激励视频 jsbridge.omni.reward(...)
case "reward": {
switch (data.action) {
//加载成功
case "onvideoadloadsuccess": {
break;
}
//加载失败
case "onvideoadloaderror": {
break;
}
//开始播放
case "onvideoadplaystart": {
break;
}
//完成播放
case "onvideoadplayend": {
break;
}
//播放失败
case "onvideoadplayerror": {
break;
}
//发放奖励
case "onvideorewarded": {
jsbridge.toast('激励达成')
break;
}
//点击
case "onvideoadclicked": {
break;
}
//关闭
case "onvideoadclosed": {
break;
}
}
break;
}
//插屏广告 jsbridge.omni.interstitial(...)
case "interstitial": {
switch (data.action) {
//加载成功
case "oninterstitialadloadsuccess": {
break;
}
//加载失败
case "oninterstitialadloaderror": {
break;
}
//播放开始
case "oninterstitialadplaystart": {
break;
}
//播放结束
case "oninterstitialadplayend": {
break;
}
//播放失败
case "oninterstitialadplayerror": {
break;
}
//点击
case "oninterstitialadclicked": {
break;
}
//关闭
case "oninterstitialadclosed": {
break;
}
}
break;
}
//banner jsbridge.omni.banner(...)
case "banner": {
switch (data.action) {
//加载成功
case "onadloadsuccess": {
break;
}
//加载失败
case "onadloaderror": {
break;
}
//展示成功
case "onadshown": {
break;
}
//自动刷新成功
case "onadautorefreshed": {
break;
}
//自动刷新失败
case "onadautorefreshfail": {
break;
}
//点击
case "onadclicked": {
break;
}
//关闭/移除
case "onadclosed": {
break;
}
}
break;
}
}
//此函数仅用于显示回调参数在本 demo 页面上
showresult({
event: event,
data: data
});
});
//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrolltop: $('#view').offset().top }, 500);
/**
回调参数说明:
event - 事件代码,字符串
data - 事件数据,json 对象
**/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setlistener jsbridge.omni.removelistener();
媒体
//获取当前初始化的媒体信息
jsbridge.omni.getmedia(function(success, res) {
/* res: {
appid: string, //媒体应用 id
splashcodeid: string, //开屏广告id
adultcontent: boolean, //是否为成年用户
personalad: boolean, //是否启用个性化推荐
debug: boolean, //是否调试模式
initsuccess: boolean, //sdk 是否初始化成功
initerrmsg: string //sdk 初始化失败时的错误描述
}
*/
alert(json.stringify(res));
});
appid:
splashcodeid:
adultcontent:
personalad:
debug:
//设置下次启动进程时(冷启动 app)的初始化媒体信息
jsbridge.omni.setmedia({
//媒体应用 id
appid: "{{setmedia.appid}}",
//开屏广告位 id,如果不为空则打开 app 时自动展示开屏广告
splashcodeid: "{{setmedia.splashcodeid}}",
//是否为成年用户
adultcontent: {{setmedia.adultcontent}},
//是否启用个性化推荐
personalad: {{setmedia.personalad}},
//是否启用调试模式
debug: {{setmedia.debug}}
}, function(success, res) {
if (success) {
alert("已设置,请重启进程。");
} else {
alert(json.stringify(res));
}
});
展示广告
codeid:
timeout:
//开屏广告
//如果在打包插件上配置了开屏广告位 id 则无需调用此接口,启动 app 时会自动调用展示开屏广告。
jsbridge.omni.splash({
//开屏广告位 id
codeid: "{{splash.codeid}}",
//加载广告超时时间(毫秒)
timeout: {{splash.timeout}}
}, function(success, res) {
if (!success) {
alert(json.stringify(res));
}
});
codeid:
userid:
//激励视频
jsbridge.omni.reward({
//广告位 id
codeid: "{{reward.codeid}}",
//用户id,一般用于激励视频回调
userid: "{{reward.userid}}",
//任意自定义键值对数据,一般用于激励视频回调
extra: {
hello: '世界',
key: 'reward'
}
}, function(success, res) {
if (!success) {
alert(json.stringify(res));
}
});
codeid:
userid:
jsbridge.omni.interstitial({
//广告位 id
codeid: "{{interstitial.codeid}}",
//用户id
userid: "{{interstitial.userid}}",
//任意自定义键值对数据
extra: {
hello: '世界',
key: 'interstitial'
}
}, function(success, res) {
if (!success) {
alert(json.stringify(res));
}
});
remove:
codeid:
userid:
top:
bottom:
//横幅广告,实际上时浮在web页面上的一块区域
jsbridge.omni.banner({
//是否移除广告,当 true 移除广告时其他参数均可不传
remove: {{banner.remove}},
//广告位 id
codeid: "{{banner.codeid}}",
//用户id
userid: "{{banner.userid}}",
//到顶部间距
//当 top >= 0 时以顶部间距为准(忽略 bottom 参数)
//当 top < 0 时以底部的间距为准(忽略 top 参数)
top: {{banner.top}},
//到底部的间距
bottom: {{banner.bottom}},
//任意自定义键值对数据
extra: {
hello: '世界',
key: 'interstitial'
}
}, function(succ, res) {
if (!succ) {
alert(json.stringify(res));
}
});
监听回调数据: