敬告：此 DEMO 演示为开放测试页面，仅用于开发者快速测试体验应用功能，请严格遵守开发者协议，了解更多。
♦ JS-SDK 引用方式：
♦ 普通网页 script 方式加载：下载最新版 jsBridge-v20240419.zip，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库；
♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package
事件监听
• 如需处理接口调用事件，请设置此监听器；
jsBridge.fn.setListener(function(event, data) {
switch (event) {
//激励视频 jsBridge.fn.reward(...)
case "reward": {
switch (data.action) {
//广告加载成功
case "onLoaded": {
break;
}
//广告缓存成功
case "onCached": {
break;
}
//广告展示
case "onShow": {
break;
}
//广告爆光
case "onExpose": {
break;
}
//激励视频奖励发放，data.message 为 orderId
case "onReward": {
break;
}
//广告点击
case "onClick": {
break;
}
//广告播放完成
case "onComplete": {
break;
}
//广告激励达成
case "onClose": {
break;
}
//广告错误，data.message 为错误说明
case "onError": {
break;
}
}
break;
}
//全屏插屏视频 jsBridge.fn.fullscreenVideo(...)
case "fullscreenVideo": {
switch (data.action) {
//成功获取广告信息
case "onLoad": {
break;
}
//广告逃过
case "onSkipped": {
break;
}
//广告点击
case "onClick": {
break;
}
//广告关闭
case "onClose": {
break;
}
//开始播放
case "onPlayStart": {
break;
}
//结束播放
case "onPlayEnd": {
break;
}
//广告错误，data.message 为错误说明
case "onError": {
break;
}
}
break;
}
//插屏 jsBridge.fn.interaction(...)
case "interaction": {
switch (data.action) {
//广告展开
case "onOpen": {
break;
}
//广告缓存成功
case "onCached": {
break;
}
//广告曝光
case "onExposure": {
break;
}
//广告点击
case "onClick": {
break;
}
//广告关闭
case "onClose": {
break;
}
//广告错误，data.message 为错误说明
case "onError": {
break;
}
}
break;
}
//banner横幅 jsBridge.fn.banner(...)
case "banner": {
switch (data.action) {
//成功获取广告信息
case "onReceive": {
break;
}
//广告曝光
case "onExposure": {
break;
}
//广告关闭
case "onClosed": {
break;
}
//广告点击
case "onClicked": {
break;
}
//广告错误，data.message 为错误说明
case "onError": {
break;
}
}
break;
}
}
//此函数仅用于显示回调参数在本 DEMO 页面上
showResult({
event: event,
data : data
});
});
//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);
/**
回调参数说明：
event //事件代码，字符串类型
data: //事件数据，JSON 对象
{
action : "onClick", //事件名称，字符串类型
message: "" //事件参数，字符串类型
}
**/
//移除监听器，不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.fn.removeListener();
展示广告
adId:
//激励视频，setListener 的监听回调 event 为 reward
jsBridge.fn.reward({
//字符串类型，广告平台上申请的代码位id
adId: $("#reward").val(),
//用户ID和扩展信息主要用于服务器端激励回调
userId : "13800138000",
extraInfo: "扩展信息"
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
//全屏插屏视频，setListener 的监听回调 event 为 fullscreenVideo
jsBridge.fn.fullscreenVideo({
//字符串类型，广告平台上申请的代码位id
adId: $("#fullscreenVideo").val()
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
//插屏，setListener 的监听回调 event 为 dialog
jsBridge.fn.interaction({
//字符串类型，广告平台上申请的代码位id
adId: $("#interaction").val()
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
//横幅，setListener 的监听回调 event 为 banner
jsBridge.fn.banner({
//字符串类型，广告平台上申请的代码位id
adId: $("#banner1").val(),
//数字类型，到顶部的距离
top : 20
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
adId:
//横幅，setListener 的监听回调 event 为 Banner
jsBridge.fn.banner({
adId: $("#banner2").val(),
//数字类型，到底部的距离
bottom: 20
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
//横幅
jsBridge.fn.banner({
remove: true
}, function(succ, data) {
if (!succ) {
alert(JSON.stringify(data));
}
});
监听回调数据：