轻松解决抖音小程序接入激励广告后头条端无法使用的问题

相信很多刚接触字节跳动小程序的朋友都遇到过这样的问题，由于字节的小程序激励广告只支持在抖音小程序端显示，这使得在字节跳动小程序代码中接入激励广告后头条小程序无法正常使用，那么如何解决这个问题呢?其实在接入广告的时候，官方就已经提示了需要判断宿主进行接入，但是却没有详细的介绍，那么这里给大家写一个详细的解决步骤。

所需API

如果仔细看过字节跳动小程序开发文档的话，可以发现有一个API是可以获取系统信息，而在这些系统信息中，存在宿主名称的信息，API如下展示，在调用API后，获得去返回值中有很多属性，这里需要使用到的是appName。

tt.getSystemInfo(options)

在小程序加载前获取到宿主信息

判断小程序是在哪个宿主上展示，然后采取不同的广告展示方案，头条端可以支持banner广告，而抖音端只支持激励广告，只要做好判断就可以轻松的进行展示了，以下代码建议直接加在app.js中的onLaunch中，当然加载页面的onLaunch也是可以的。

tt.getSystemInfo({
    success(res) {
    console.log(res.appName);
    tt.setStorageSync("appName", res.appName)
   }
});

注：可以将获取的值存在全局变量中，我这里直接将它保存在了永久缓存之中，调用也方便。appName的值有："Toutiao" "Douyin"、"news_article_lite"、"live_stream"、"video_article"、"PPX"等。

在该需要使用的页面进行使用

获取到小程序宿主后便可以对广告的展示进行条件控制，这里写一个简单的例子：

// this.openVideo() 该事件为调用激励广告
//激励广告加载完成后有一个下一步事件，暂命名为：next()
//下面是例子代码
adMethon:function(){
    var appName = tt.getStorageSync("appName")
    if(appName==="Douyin"){
        this.openVideo()
    }else{
        this.next()
    }
}

当然这里只是一个简单的案例，更多的方式都可以通过这样的方式去进行。以上就是抖音小程序接入激励广告后头条无法使用的问题的解决方案，如果对你在开发小程序中有所帮助，不妨给我点个赞。