敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦
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) { switch (event) { //激励视频 jsbridge.xyad.rewardvideoad(...) case "rewardvideoad": { switch (data.action) { //广告加载成功 case "onadload": { //事件参数 data.message break; } //视频素材缓存成功 case "onvideocached": { break; } //广告页面展示 case "onadshow": { break; } //广告奖励有效性回调,onreward 一定在 onadclose 之前,但不保证与 onvideocomplete 的先后顺序,建议在 onadclose 中判断 onreward 已回调才给用户奖励 case "onreward": { break; } //广告被点击 case "onadclick": { break; } //广告播放完毕 case "onvideocomplete": { break; } //广告被关闭 case "onadclose": { break; } //广告出错 case "onerror": { break; } //播放出错(仅支持 ios) case "onadplayerror": { break; } } break; } //插屏广告 jsbridge.xyad.interstitialad(...) case "interstitialad": { switch (data.action) { //广告加载成功 case "onadload": { break; } //广告页面展示 case "onadshow": { break; } //广告被点击 case "onadclick": { break; } //广告被关闭 case "onadclose": { break; } //广告出错 case "onerror": { break; } } break; } //横幅广告 jsbridge.xyad.bannerad(...) case "bannerad": { switch (data.action) { //广告加载成功 case "onadload": { break; } //广告页面展示 case "onadshow": { break; } //广告被点击 case "onadclick": { break; } //广告被关闭 case "onadclose": { break; } //广告出错 case "onerror": { break; } } break; } //快手短视频 jsbridge.xyad.feedvideo(...) case "feedvideo": { switch (data.action) { //展示普通视频(仅支持 android) case "onshow": { break; } //展示广告视频(仅支持 android) case "onadshow": { break; } //播放普通视频 case "onstart": { break; } //播放广告视频 case "onadstart": { break; } //暂停普通视频 case "onpause": { break; } //暂停广告视频 case "onadpause": { break; } //恢复普通视频 case "onresume": { break; } //恢复广告视频 case "onadresume": { break; } //播完普通视频 case "oncomplete": { break; } //播完广告视频 case "onadcomplete": { break; } //普通视频出错 case "onvideoerror": { break; } //广告视频出错 case "onadvideoerror": { break; } } break; } //横版视频(仅支持 android) jsbridge.xyad.hvideo(...) case "hvideo": { switch (data.action) { //出错 case "onerror": { break; } } break; } //互动广告(仅支持 android) jsbridge.xyad.hvideo(...) case "interactive": { switch (data.action) { //出错 case "onerror": { break; } } break; } } //此函数仅用于显示回调参数在本 demo 页面上 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)); });
监听回调数据: