敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241118.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
♦ 百汇广告
事件监听
• 如需接口调用事件,请设置此监听器;
jsBridge.bh.setListener(function(event, data) { show({ event: event, data : data }); }); //请拉到页面底部查看回调数据信息 $('html,body').animate({ scrollTop: $('#view').offset().top }, 500); /** 回调参数说明: event - 事件代码,字符串类型 data - 事件数据,JSON 对象 **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.bh.removeListener();
展示广告
//激励视频 jsBridge.bh.rewardVideo({ //必须,字符串类型,广告ID adId : "170", //数字类型,方向:0横屏,1竖屏 orientation: 1 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//全屏视频 jsBridge.bh.fullVideo({ //必须,字符串类型,广告ID adId : "15", //数字类型,方向:0横屏,1竖屏 orientation: 1 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//插屏广告 jsBridge.bh.interactionAd({ //必须,数字类型,期望的广告宽度 expressWidth: 240, //必须,字符串类型,广告ID adId : "15" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//原生信息流广告 jsBridge.bh.nativeAd({ //必须,数字类型,期望的广告宽度 expressWidth : 300, //必须,数字类型,期望的广告高度 expressHeight: 200, //可选,数字类型,广告位置上边距,默认 0 top : 120, //必须,字符串类型,广告ID adId : "177" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//关闭原生信息流广告 jsBridge.bh.nativeAd({ remove: true }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
监听回调数据: