QQ小程序盒子广告接入教程
上次提供了一个QQ小程序激励视频广告的案例并进行了解析,但是还有一部分朋友会请教盒子广告怎么去接入,老实说,但凡有点js基础的人应该都会介入,也就是说这个QQ小程序盒子广告的接入是一个相当简单的过程。

如果你学会了怎么去接入激励视频广告,那么看到这次接入盒子广告的案例,你会发现根本就是一样的,所以,不管你有没有基础,以后一定要培养出自己举一反三的学习习惯,这样会对以后有很大的帮助,好了,废话不多说,开始讲解教程吧。

首先依旧是在.js文件的最上方定义appbox变量为null,即:

var appbox = null;

其次就是定义一个广告加载函数,我这里依旧是自定义函数adGet(),这个是写在.js的page里面的。

adGet: function () {
        if (qq.createAppBox) {

            appbox = qq.createAppBox({
                adUnitId: 'bbf478930fe0a1a38d3704f1c971f48a'
            })
        }
    }

直接调用你在后台所获得的广告代码,最后在进行广告展示就可以了。

注意:后台代码所给的adUnitId没有加上'',这样会导致出错。

最后就是广告展示了,这里依旧是通过按钮去实现广告的调用,代码如下:

  getAppbox() {
        console.log('盒子广告加载完成');
        this.adGet();
        // 在合适的位置打开广告
        if (appbox) {
            appbox.load().then(() => {
                appbox.show()
            })

        }
    },

上诉代码依旧是写在.js文件的page里面的,可以直接放在adGet()函数的下方。

在.qml文件中添加按钮点击事件,代码如下:

 <button class="goodbutton" hover-class="hover" bindtap="getAppbox">盒子广告</button>

emm,这样就大功告成了。

是不是觉得特别简单,和激励广告一个样吧。

如果这篇教程帮助到了你,不妨留言支持一下我吧。

对了,还有其他问题的话可以加入我们的交流群(660459637),在里面提问,会有热心小伙伴帮助哦!


该内容为安好屋原创内容,如需转载请留言。

本站唯一官网公众号:ygycz999(阳光艺创站)

小程序开发者交流区:660459637


版权属于:安好屋

转载时须注明出处及本声明

最后修改:2020 年 02 月 21 日 12 : 07 AM
好吧,我穷的快要被消灭了。