WebApp快捷打包
Bloom 广告(AD)
转到模块插件

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

JS-SDK,下载最新版 jsBridge-v20220621.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库。

Bloom 广告(AD)

config 配置

jsBridge.bm.config({
  //广告 APP ID
  //可在打包模块里面配置,以此 js 接口的配置值优先
  app_id : "ba0063bfbc1a5ad878",
  //可选,用户ID,后期可调用 setUserId 设置
  user_id: "13800138000"
}, function(succ, data) {
  alert(succ ? "成功" : "失败:" + JSON.stringify(data));
});

事件监听

setListener 设置监听器

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

jsBridge.bm.setListener(function(event, data) {
  showResult({
    event: event,
    data : data
  });
});

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

/**
回调参数说明:
event - 事件代码,字符串类型
data  - 事件数据,JSON 对象
{
  action : "事件名称", //如 onShow、onClose 等,与原生 SDK 的各个 Listener 接口里面的方法名称一致
  message: "事件参数"
}
**/

removeListener 移除监听器

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

展示广告

rewardVideoAd 激励视频

//激励视频,event: RewardVideoAd
jsBridge.bm.rewardVideoAd({
  //必须,字符串类型,广告ID
  unit_id : "rv1"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interstitialAd 插屏广告

//插屏广告,event: InterstitialAd
jsBridge.bm.interstitialAd({
  //必须,字符串类型,广告ID
  unit_id: "i1",
  //必须,数字类型,广告宽度(高度自适应)
  width  : 480
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

bannerAd 横幅广告 - 展示广告

//横幅广告,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));
  }
});

bannerAd 横幅广告 - 移除广告

//横幅广告
jsBridge.bm.bannerAd({
  remove: true
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

feedVideo 快手短视频

//快手短视频,event: FeedVideo
jsBridge.bm.feedVideo({
  //广告ID
  unit_id: "df1"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

hVideo 横版视频

//横版视频,仅支持 Android,event: HVideo
jsBridge.bm.hVideo({
  //标题
  title  : "横版视频",
  //主题颜色,light 浅色,dark 深色
  theme  : "light",
  //广告ID
  unit_id: "hf1"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

hVideo 横版视频 - 深色

//横版视频,仅支持 Android,event: HVideo
jsBridge.bm.hVideo({
  //标题
  title  : "横版视频",
  //主题颜色,light 浅色,dark 深色
  theme  : "dark",
  //广告ID
  unit_id: "hf1"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interactive 互动广告

//互动广告,仅支持 Android,event: Interactive
jsBridge.bm.interactive({
  //广告ID
  unit_id: "w1"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

cpa CPA 任务

//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 CPA 任务 - 深色

//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));
  }
});

用户

setUserId 登录

//登录
jsBridge.bm.setUserId({
  user_id : "13800138000"
}, function(succ, data) {
  alert(succ ? "已登录" : JSON.stringify(data));
});

setUserId 退出

//退出
jsBridge.bm.setUserId({
  //用户ID留空则表示退出
  user_id : ""
}, function(succ, data) {
  alert(succ ? "已退出" : JSON.stringify(data));
});

监听回调数据: