敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251122.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
♦ 海星广告
初始化
//初始化,APP运行期间仅需执行一次
jsBridge.hx.init({
//必须,字符串类型,媒体应用ID
appid: "100011781",
//必须,字符串类型,渠道ID,任意填写,不可出现特殊字符
chid : "test",
//必须,字符串类型,CPID
cpid : "C1000"
}, function(succ, data) {
alert(succ + "\n" + JSON.stringify(data));
});
事件监听
• 如需接口调用事件,请设置此监听器;
jsBridge.hx.setListener(function(event, data) {
show({
event: event,
data : data
});
});
//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);
/**
回调参数说明:
event - 事件代码,字符串类型
data - 事件数据,JSON 对象
**/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.hx.removeListener();
展示广告
//激励视频
jsBridge.hx.rewardVideoAD({
//必须,字符串类型,激励视频广告位ID
adId: "1000406938780600",
//必须,字符串类型,媒体用户id
userId: "13800138000",
//必须,布尔类型,true 预加载广告,false 显示广告
//true 预加载广告(不会显示)
//false 显示广告(如果已完成预加载则会立即显示,如果未预加载则会等待加载完成才显示)
preloadAD: true,
//可选,字符串类型,奖励名称
rewardName : "金币",
//可选,字符串类型,奖励数量
rewardAmount: "12",
//可选,字符串类型,透传附加信息
rewardExtra : "透传附加信息"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//激励视频
jsBridge.hx.rewardVideoAD({
adId: "1000406938780600",
userId: "13800138000",
preloadAD: false
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//全屏视频
jsBridge.hx.fullscreenVideoAD({
//必须,字符串类型,全屏视频广告位ID
adId: "1000900731977467",
//必须,布尔类型,true 预加载广告,false 显示广告
//true 预加载广告(不会显示)
//false 显示广告(如果已完成预加载则会立即显示,如果未预加载则会等待加载完成才显示)
preloadAD: true
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//全屏视频
jsBridge.hx.fullscreenVideoAD({
adId: "1000900731977467",
preloadAD: false
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//插屏广告
jsBridge.hx.interstitialAD({
//必须,字符串类型,插屏广告位ID
adId: "1000225467455504"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//原生广告
jsBridge.hx.nativeAD({
//必须,字符串类型,原生广告位ID
adId: "1000356697741126",
//必须,数字类型,广告宽度
width : 640,
//必须,数字类型,广告高度(0 则自适应)
height: 0,
//可选,数字类型,广告位置上边距,默认 0
top : 120,
//必须,数字类型,广告类型(参见如下说明)
style : 0,
//必须,布尔类型,true 预加载广告,false 显示广告
//true 预加载广告(不会显示)
//false 显示广告(如果已完成预加载则会立即显示,如果未预加载则会等待加载完成才显示)
preloadAD: true
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
/**
广告类型 style 说明:
0 :上图下文(图片比例16:9)
1 :上文下图(图片比例16:9)
2 :左图右文(图片比例3:2)
3 :左文右图(图片比例3:2)
4 :纯图竖图(图片比例2:3)
5 :纯图横图(图片比例16:9)
6 :双图双文(图片比例16:9)
7 :三小图
8 :文字浮层(上文下图,图片比例16:9)
9 :文字浮层(上图下文,图片比例16:9)
10 :文字浮层(单图,图片比例16:9)
**/
//原生广告
jsBridge.hx.nativeAD({
adId: "1000356697741126",
preloadAD: false
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//原生广告
jsBridge.hx.nativeAD({
adId: "1000356697741126",
width : 640,
height: 0,
style : 0,
preloadAD: false
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//原生广告
jsBridge.hx.nativeAD({
adId: "1000356697741126",
//必须,是否移除广告
remove: true
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
小游戏(仅支持 Android)
//小游戏入口是否开启
jsBridge.hx.isAdOpen(function(succ, data) {
alert(data.isAdOpen);
});
//打开游戏列表 jsBridge.hx.gameList(); /* 在 setListener 中监听游戏回调: event : Game action: gameClose / gameListClose */
监听回调数据: