WebApp快捷打包
海星广告
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241118.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

海星广告

初始化

init 初始化

//初始化,APP运行期间仅需执行一次
jsBridge.hx.init({
  //必须,字符串类型,媒体应用ID
  appid: "100011781",
  //必须,字符串类型,渠道ID,任意填写,不可出现特殊字符
  chid : "test",
  //必须,字符串类型,CPID
  cpid : "C1000"
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

事件监听

setListener 设置监听器

• 如需接口调用事件,请设置此监听器;

jsBridge.hx.setListener(function(event, data) {
  show({
    event: event,
    data : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
event - 事件代码,字符串类型
data  - 事件数据,JSON 对象
**/

removeListener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.hx.removeListener();

展示广告

rewardVideoAD 激励视频 - 预加载广告

//激励视频
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));
  }
});

rewardVideoAD 激励视频 - 显示广告

//激励视频
jsBridge.hx.rewardVideoAD({
  adId: "1000406938780600",
  userId: "13800138000",
  preloadAD: false
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

fullscreenVideoAD 全屏视频 - 预加载广告

//全屏视频
jsBridge.hx.fullscreenVideoAD({
  //必须,字符串类型,全屏视频广告位ID
  adId: "1000900731977467",
  //必须,布尔类型,true 预加载广告,false 显示广告
  //true  预加载广告(不会显示)
  //false 显示广告(如果已完成预加载则会立即显示,如果未预加载则会等待加载完成才显示)
  preloadAD: true
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

fullscreenVideoAD 全屏视频 - 显示广告

//全屏视频
jsBridge.hx.fullscreenVideoAD({
  adId: "1000900731977467",
  preloadAD: false
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interstitialAD 插屏广告

//插屏广告
jsBridge.hx.interstitialAD({
  //必须,字符串类型,插屏广告位ID
  adId: "1000225467455504"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

nativeAD 原生广告 - 预加载广告

//原生广告
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)
**/

nativeAD 原生广告 - 显示广告

//原生广告
jsBridge.hx.nativeAD({
  adId: "1000356697741126",
  preloadAD: false
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

nativeAD 原生广告 - 直接显示

//原生广告
jsBridge.hx.nativeAD({
  adId: "1000356697741126",
  width : 640,
  height: 0,
  style : 0,
  preloadAD: false
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

nativeAD 原生广告 - 移除广告

//原生广告
jsBridge.hx.nativeAD({
  adId: "1000356697741126",
  //必须,是否移除广告
  remove: true
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

小游戏(仅支持 Android)

isAdOpen 小游戏入口是否开启

//小游戏入口是否开启
jsBridge.hx.isAdOpen(function(succ, data) {
  alert(data.isAdOpen);
});

gameList 打开游戏列表

//打开游戏列表
jsBridge.hx.gameList();

/*
在 setListener 中监听游戏回调:
event : Game
action: gameClose / gameListClose
*/

监听回调数据: