星纪聚合广告 -九游会国际

webapp快捷打包
星纪聚合广告
转到模块插件

敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌

js-sdk 引用方式:

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

♦ js module 方式引用:npm install ym-jsbridge

事件监听

setlistener 设置监听器

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

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: ""         //事件参数,字符串类型
}
**/

removelistener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setlistener
jsbridge.tz.removelistener();

权限

requestpermissionifnecessary 申请隐私权限

//不强制要求权限,但建议您申请,获得权限后能提升广告效果
jsbridge.tz.requestpermissionifnecessary(function(succ, res) {
    //res.allowall 是否同意了全部权限
    //res.neverask 拒绝时是否选中了 “不再提示”
    alert("allowall: "   res.allowall   "\n"  
          "neverask: "   res.neverask);
});

展示广告

reward 激励视频

adid:

//激励视频,setlistener 的监听回调 event 为 reward
jsbridge.tz.reward({
  //字符串类型,广告平台上申请的代码位id
  adid: "{{reward.adid}}",
  //可选,用户标识,一般为用户id,以便在处理服务器通知时给此用户发放奖励
  userid: "user123",
  //可选,自定义信息
  custominfo: ""
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

fullscreen 全屏视频

adid:

//全屏视频,setlistener 的监听回调 event 为 fullscreen
jsbridge.tz.fullscreen({
  //字符串类型,广告平台上申请的代码位id
  adid: "{{fullscreen.adid}}"
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

contentvideo 内容视频(短视频)

adid:

jsbridge.tz.contentvideo({
  //字符串类型,广告平台上申请的代码位id
  adid: "{{contentvideo.adid}}"
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

dialog 插屏广告

adid:

//插屏广告,setlistener 的监听回调 event 为 dialog
jsbridge.tz.dialog({
  //字符串类型,广告平台上申请的代码位id
  adid: "{{dialog.adid}}"
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

banner 横幅广告 - 展示广告 顶边距

adid:

//横幅广告,setlistener 的监听回调 event 为 banner
jsbridge.tz.banner({
  //字符串类型,广告平台上申请的代码位id
  adid: $("#banner1").val(),
  //数字类型,到顶部的距离
  top   : 20
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

banner 横幅广告 - 展示广告 底边距

adid:

//横幅广告,setlistener 的监听回调 event 为 banner
jsbridge.tz.banner({
  adid: $("#banner2").val(),
  //数字类型,到底部的距离
  bottom: 20
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

banner 横幅广告 - 移除广告

//横幅广告
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);

监听回调数据:

网站地图