敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦ 今日头条 ,去申请接入 ;
事件监听
• 如需接口调用事件,请设置此监听器;
jsbridge.ttad.setlistener(function(event, data) { switch (event) { //激励视频 jsbridge.ttad.rewardvideoad(...) case "rewardvideoad": { switch (data.action) { //加载失败 case "onerror": { break; } //缓冲完成 case "onrewardvideocached": { break; } //广告素材已加载 case "onrewardvideoadload": { break; } //展示 case "onadshow": { break; } //点击 case "onadvideobarclick": { break; } //关闭 case "onadclose": { break; } //播放完成 case "onvideocomplete": { break; } //展示失败 case "onvideoerror": { break; } case "onrewardverify": { break; } //奖励发放 case "onrewardarrived": { break; } //点击跳过 case "onskippedvideo": { break; } } break; } //新插屏广告 jsbridge.ttad.interactionad2(...) case "interactionad2": { switch (data.action) { //加载失败 case "onerror": { break; } //缓冲完成 case "onfullscreenvideocached": { break; } //广告素材已加载 case "onfullscreenvideoadload": { break; } //展示 case "onadshow": { break; } //点击 case "onadvideobarclick": { break; } //关闭 case "onadclose": { break; } //播放完成 case "onvideocomplete": { break; } //点击跳过 case "onskippedvideo": { break; } } break; } } //此函数仅用于显示回调参数在本 demo 页面上 showresult({ event: event, data: data }); }); //请拉到页面底部查看回调数据信息 $('html,body').animate({ scrolltop: $('#view').offset().top }, 500); /** 回调参数说明: event - 事件代码,字符串 data - 事件数据,json 对象 **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setlistener jsbridge.ttad.removelistener();
展示广告
codeid:
orientation:
//激励视频 jsbridge.ttad.rewardvideoad({ //字符串类型,广告代码位id codeid : "{{rewardvideoad.codeid}}", //布尔类型,是否支持深度链接 supportdeeplink: true, //数字类型,期望的宽度 acceptedwidth : 1080, //数字类型,期望的高度 acceptedheight : 1920, //字符串类型,屏幕方向,与广告位的设置一致 //vertical 竖屏 //horizontal 横屏 orientation : "{{rewardvideoad.orientation}}", //数字类型,广告数量 adcount : 2, //字符串类型,激励奖品名称 //已过时移除 //rewardname : "金币", //数字类型,激励奖品数量 //已过时移除 //rewardamount : 5, //字符串类型,用户id userid : "user123", //字符串类型,附加信息 mediaextra : "附加信息..." }, function(succ, res) { if (!succ) { alert(json.stringify(res)); } }); /** 服务器端回调给用户发放奖励,请参考 **/
codeid:
orientation:
//新插屏广告(请在创建广告位时设置全屏、半屏、横屏、竖屏、视频、图片、跳过时间等各种属性) jsbridge.ttad.interactionad2({ //字符串类型,广告代码位id codeid: "{{interactionad2.codeid}}", //字符串类型,屏幕方向,与广告位的设置一致 //vertical 竖屏 //horizontal 横屏 orientation: "{{interactionad2.orientation}}" }, function(succ, res) { if (!succ) { alert(json.stringify(res)); } });
监听回调数据: