敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20250521.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
事件监听
• 如需接口调用事件,请设置此监听器;
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 对象
**/
展示广告
codeId:
orientation:
//激励视频
jsBridge.ttAd.rewardVideoAd({
//字符串类型,广告代码位ID
codeId : "954341384",
//布尔类型,是否支持深度链接
supportDeepLink: true,
//数字类型,期望的宽度
acceptedWidth : 1080,
//数字类型,期望的高度
acceptedHeight : 1920,
//字符串类型,屏幕方向,与广告位的设置一致
//VERTICAL 竖屏
//HORIZONTAL 横屏
orientation : "VERTICAL",
//数字类型,广告数量
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: "954341379",
//字符串类型,屏幕方向,与广告位的设置一致
//VERTICAL 竖屏
//HORIZONTAL 横屏
orientation: "VERTICAL"
}, function(succ, res) {
if (!succ) {
alert(JSON.stringify(res));
}
});
监听回调数据: