WebApp快捷打包
穿山甲广告变现
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240326.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

♦ 今日头条 穿山甲广告平台,去申请接入 广告变现

事件监听

setListener 设置监听器

• 如需接口调用事件,请设置此监听器;


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 对象
**/

removeListener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.ttAd.removeListener();

展示广告

rewardVideoAd 激励视频

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));
  }
});

/**
服务器端回调给用户发放奖励,请参考 这里
**/

interactionAd2 新插屏广告

codeId:

orientation:

//新插屏广告(请在创建广告位时设置全屏、半屏、横屏、竖屏、视频、图片、跳过时间等各种属性)
jsBridge.ttAd.interactionAd2({
  //字符串类型,广告代码位ID
  codeId: "{{interactionAd2.codeId}}",
  //字符串类型,屏幕方向,与广告位的设置一致
  //VERTICAL   竖屏
  //HORIZONTAL 横屏
  orientation: "{{interactionAd2.orientation}}"
}, function(succ, res) {
  if (!succ) {
    alert(JSON.stringify(res));
  }
});

监听回调数据: