敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,威尼斯人888-5845vip威尼斯电子游戏。
♦ 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));
}
});
监听回调数据: