敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK,下载最新版 jsBridge-v20220621.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库。
jsBridge.xyAd.config({ //广告 APP ID //可在打包模块里面配置,以此 js 接口的配置值优先 app_id : "ba0063bfbc1a5ad878", //可选,用户ID,后期可调用 setUserId 设置 user_id: "13800138000" }, function(succ, data) { alert(succ ? "成功" : "失败:" + JSON.stringify(data)); });
事件监听
• 如需接口调用事件,请设置此监听器;
jsBridge.xyAd.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: "事件参数" } **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.xyAd.removeListener();
展示广告
//激励视频,event: RewardVideoAd jsBridge.xyAd.rewardVideoAd({ //必须,字符串类型,广告ID unit_id : "rv1" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//插屏广告,event: InterstitialAd jsBridge.xyAd.interstitialAd({ //必须,字符串类型,广告ID unit_id: "i1", //必须,数字类型,广告宽度(高度自适应) width : 480 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//横幅广告,event: BannerAd jsBridge.xyAd.bannerAd({ //必须,字符串类型,广告ID unit_id: "b1", //必须,数字类型,期望的广告高度 width : 300, //必须,数字类型,期望的广告宽度 height : 80, //可选,数字类型,广告位置上边距,默认 0 top : 120 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//横幅广告 jsBridge.xyAd.bannerAd({ remove: true }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//快手短视频,event: FeedVideo jsBridge.xyAd.feedVideo({ //广告ID unit_id: "df1" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//横版视频,仅支持 Android,event: HVideo jsBridge.xyAd.hVideo({ //标题 title : "横版视频", //主题颜色,light 浅色,dark 深色 theme : "light", //广告ID unit_id: "hf1" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//横版视频,仅支持 Android,event: HVideo jsBridge.xyAd.hVideo({ //标题 title : "横版视频", //主题颜色,light 浅色,dark 深色 theme : "dark", //广告ID unit_id: "hf1" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//互动广告,仅支持 Android,event: Interactive jsBridge.xyAd.interactive({ //广告ID unit_id: "w1" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//CPA 任务,event: 无 jsBridge.xyAd.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 任务 jsBridge.xyAd.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)); } });
用户
//登录 jsBridge.xyAd.setUserId({ user_id : "13800138000" }, function(succ, data) { alert(succ ? "已登录" : JSON.stringify(data)); });
//退出 jsBridge.xyAd.setUserId({ //用户ID留空则表示退出 user_id : "" }, function(succ, data) { alert(succ ? "已退出" : JSON.stringify(data)); });
监听回调数据: