WebApp快捷打包
广点通/优量汇
转到模块插件

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

JS-SDK 引用方式:

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

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

广点通/优量汇 腾讯广告流量变现平台

setListener 设置监听器

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

jsBridge.gdt.setListener(function(event, data) {
    switch (event) {
        //激励视频 jsBridge.gdt.rewardVideo(...)
        case "RewardVideo": {
            switch (data.action) {
                //加载成功
                case "onADLoad": {
                    break;
                }
                //缓存成功
                case "onVideoCached": {
                    break;
                }
                //展示
                case "onADShow": {
                    break;
                }
                //爆光
                case "onADExpose": {
                    break;
                }
                //激励视频奖励发放
                case "onReward": {
                    jsBridge.toast("奖励已达成!");
                    break;
                }
                //点击
                case "onADClick": {
                    break;
                }
                //播放完成
                case "onVideoComplete": {
                    break;
                }
                //关闭
                case "onADClose": {
                    break;
                }
                //错误,data.message 为错误说明
                case "onError": {
                    break;
                }
            }
            break;
        }
        //半屏插屏 jsBridge.gdt.interaction(...)
        case "Interaction":
        //全屏插屏(视频) jsBridge.gdt.interactionFullScreen(...)
        case "InteractionFullScreen": {
            switch (data.action) {
                //加载成功
                case "onADReceive": {
                    break;
                }
                //缓存成功
                case "onVideoCached": {
                    break;
                }
                //加载失败,data.message 为失败说明
                case "onNoAD": {
                    break;
                }
                //打开(展示)
                case "onADOpened": {
                    break;
                }
                //爆光
                case "onADExposure": {
                    break;
                }
                //点击
                case "onADClicked": {
                    break;
                }
                //点击广告离开应用
                case "onADLeftApplication": {
                    break;
                }
                //关闭
                case "onADClosed": {
                    break;
                }
                //渲染成功
                case "onRenderSuccess": {
                    break;
                }
                //渲染失败
                case "onRenderFail": {
                    break;
                }
            }
            break;
        }
    }
    //此函数仅用于显示回调参数在本 DEMO 页面上
    showResult({
        event: event,
        data : data
    });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**

回调参数说明:
event  //事件代码,字符串类型
data:  //事件数据,JSON 对象
{
  action : "onClick", //事件名称,字符串类型
  message: ""         //事件参数,字符串类型
}

错误码请参考这里
Android,
iOS

**/

removeListener 移除监听器

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

setChannel 设置渠道号

//(可选)设置渠道号,便于统计收益,仅安卓有效,一般不需设置
//请参考官方文档(拉到页面底部)
//https://developers.adnet.qq.com/doc/android/union/union_embed
jsBridge.gdt.setChannel({
  //1	百度
  //2	头条
  //3	广点通
  //4	搜狗
  //5	其他网盟
  //6	oppo
  //7	vivo
  //8	华为
  //9	应用宝
  //10	小米
  //11	金立
  //12	百度手机助手
  //13	魅族
  //14	AppStore
  //999	其他
  channel: 9
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));
});

展示广告

rewardVideo 激励视频

codeId:

//激励视频
jsBridge.gdt.rewardVideo({
  //字符串类型,广告位ID
  codeId  : "{{rewardVideo.codeId}}",
  //布尔类型,是否播放声音
  volumeOn: true,
  //userId 和 extraInfo 用于 服务器端奖励发放 回调
  userId   : "13800138000",
  extraInfo: "任意附加信息"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interaction 半屏插屏

codeId:

//半屏插屏
jsBridge.gdt.interaction({
  //字符串类型,广告位ID
  codeId: "{{interaction.codeId}}"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

interactionFullScreen 全屏插屏(视频)

codeId:

//全屏插屏
jsBridge.gdt.interactionFullScreen({
  //字符串类型,广告位ID
  codeId: "{{interactionFullScreen.codeId}}"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

监听回调数据: