穿山甲广告变现 - WebApp快捷打包

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

事件监听

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

监听回调数据：