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