敬告：此 demo 演示为开放测试页面，仅用于开发者快速测试体验应用功能，请严格遵守开发者协议，云顶集团3118-云顶集团3118acm登录入口。
♦ js-sdk 引用方式：
♦ 普通网页 script 方式加载：下载最新版 ，请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库；
♦ js module 方式引用：npm install ym-jsbridge
事件监听
• 如需处理接口调用事件，请设置此监听器；
jsbridge.tz.setlistener(function(event, data) {
switch (event) {
//激励视频 jsbridge.tz.reward(...)
case "reward": {
switch (data.action) {
//成功获取广告信息
case "onadsucceed": {
break;
}
//广告曝光
case "onadexposure": {
break;
}
//广告点击
case "onadclicked": {
break;
}
//广告关闭
case "onadclose": {
break;
}
//视频播放完毕
case "onvideocomplete": {
break;
}
//广告激励达成
case "onadreward": {
jsbridge.toast("奖励已达成！");
break;
}
//广告加载失败，data.message 为失败说明
case "onadfailed": {
break;
}
}
break;
}
//全屏视频 jsbridge.tz.fullscreen(...)
case "fullscreen": {
switch (data.action) {
//成功获取广告信息
case "onadsucceed": {
break;
}
//广告曝光
case "onadexposure": {
break;
}
//广告点击
case "onadclicked": {
break;
}
//广告关闭
case "onadclose": {
break;
}
//视频播放完毕
case "onvideocomplete": {
break;
}
//广告加载失败，data.message 为失败说明
case "onadfailed": {
break;
}
}
break;
}
//插屏广告 jsbridge.tz.dialog(...)
case "dialog": {
switch (data.action) {
//成功获取广告信息
case "onadsucceed": {
break;
}
//广告曝光
case "onadexposure": {
break;
}
//广告点击
case "onadclicked": {
break;
}
//广告关闭
case "onadclose": {
break;
}
//广告加载失败，data.message 为失败说明
case "onadfailed": {
break;
}
}
break;
}
//banner横幅广告 jsbridge.tz.banner(...)
case "banner": {
switch (data.action) {
//成功获取广告信息
case "onadsucceed": {
break;
}
//广告曝光
case "onadexposure": {
break;
}
//广告点击
case "onadclicked": {
break;
}
//广告关闭
case "onadclose": {
break;
}
//广告加载失败，data.message 为失败说明
case "onadfailed": {
break;
}
}
break;
}
}
//此函数仅用于显示回调参数在本 demo 页面上
showresult({
event: event,
data : data
});
});
//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrolltop: $('#view').offset().top }, 500);
/**
回调参数说明：
event //事件代码，字符串类型
data: //事件数据，json 对象
{
action : "onclick", //事件名称，字符串类型
message: "" //事件参数，字符串类型
}
**/
//移除监听器，不会再收到回调通知 //在需要时可重新调用 setlistener jsbridge.tz.removelistener();
权限
//不强制要求权限，但建议您申请，获得权限后能提升广告效果
jsbridge.tz.requestpermissionifnecessary(function(succ, res) {
//res.allowall 是否同意了全部权限
//res.neverask 拒绝时是否选中了 “不再提示”
alert("allowall: " res.allowall "\n"
"neverask: " res.neverask);
});
展示广告
adid:
//激励视频，setlistener 的监听回调 event 为 reward
jsbridge.tz.reward({
//字符串类型，广告平台上申请的代码位id
adid: "{{reward.adid}}",
//可选，用户标识，一般为用户id，以便在处理服务器通知时给此用户发放奖励
userid: "user123",
//可选，自定义信息
custominfo: ""
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
//全屏视频，setlistener 的监听回调 event 为 fullscreen
jsbridge.tz.fullscreen({
//字符串类型，广告平台上申请的代码位id
adid: "{{fullscreen.adid}}"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
jsbridge.tz.contentvideo({
//字符串类型，广告平台上申请的代码位id
adid: "{{contentvideo.adid}}"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
//插屏广告，setlistener 的监听回调 event 为 dialog
jsbridge.tz.dialog({
//字符串类型，广告平台上申请的代码位id
adid: "{{dialog.adid}}"
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
//横幅广告，setlistener 的监听回调 event 为 banner
jsbridge.tz.banner({
//字符串类型，广告平台上申请的代码位id
adid: $("#banner1").val(),
//数字类型，到顶部的距离
top : 20
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
//横幅广告，setlistener 的监听回调 event 为 banner
jsbridge.tz.banner({
adid: $("#banner2").val(),
//数字类型，到底部的距离
bottom: 20
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
//横幅广告
jsbridge.tz.banner({
remove: true
}, function(succ, data) {
if (!succ) {
alert(json.stringify(data));
}
});
adid:
//引用 js 库
//import jsbridge from 'ym-jsbridge'
const showreward = function (jsbridge) {
//设置监听器
jsbridge.tz.setlistener(function (event, data) {
switch (event) {
//激励视频
case "reward": {
switch (data.action) {
//成功获取广告信息
case "onadsucceed": {
//关闭加载动画
layer.closeall();
break;
}
//广告加载失败，data.message 为失败说明
case "onadfailed": {
//关闭加载动画
layer.closeall();
//提示失败
layer.msg("广告加载失败：" data.message);
break;
}
//广告激励达成
case "onadreward": {
//奖励达成，客户端仅做简单提示；
//为避免刷单，强烈建议在处理服务器端通知时发放奖励；
jsbridge.toast("奖励已达成！");
break;
}
}
break;
}
}
});
//展示广告
jsbridge.tz.reward({
//字符串类型，广告平台上申请的代码位id
adid: "{{practicereward.adid}}",
//可选，用户标识，一般为用户id，以便在处理服务器通知时给此用户发放奖励
userid: "user123",
//可选，自定义信息
custominfo: ""
}, function (success, res) {
if (success) {
//执行成功，显示加载动画(拉取广告需要一点时间)
layer.load(0, { shade: 0.2 });
} else {
//执行失败
layer.alert(json.stringify(res));
}
});
};
showreward(jsbridge);
监听回调数据：