微信小程序开通流量主后如何插入广告

 

扫一扫以上小程序【许愿灯池】可以查看具体广告插入功能

效果图：（分别为图1和图2）

 

 

具体操作如下：

第一步：进入微信公众平台，点击广告管理，然后新建广告位，最后获取代码

 

 ①  banner广告示例：

第二步：在你想插入界面的wxml复制banner的广告代码直接插入

 

②插屏广告实例：

在page({})之前放入以下代码：

let interstitialAd = null//广告

 

 在onload函数中插入以下代码：

onLoad: function (options) {
    if (wx.createInterstitialAd) {
      interstitialAd = wx.createInterstitialAd({
        adUnitId: '（你的广告id）'
            //这里放入你的广告id

      })
      interstitialAd.onLoad(() => {})
      interstitialAd.onError((err) => {})
      interstitialAd.onClose(() => {})
    }   
    // 在适合的场景显示插屏广告
    if (interstitialAd) {
      interstitialAd.show().catch((err) => {
        console.error(err)
      })
    }

③视频广告实例：

在page({})之前放入以下代码：

let videoAd = null//广告

 

在onload函数中插入以下代码：

if (wx.createRewardedVideoAd) {
      videoAd = wx.createRewardedVideoAd({
        adUnitId: '（你的广告id）'
            //这里插入你的广告id
      })
      videoAd.onLoad(() => {})
      videoAd.onError((err) => {})
      videoAd.onClose((res) => {})
    }

 

 最后根据你的需求将这个if判断插入代码中去，比如按钮绑定函数等等，这样产生的效果是：当用户点击按钮后会自动跳转到视频广告。

 if (videoAd) {
      videoAd.show().catch(() => {
        // 失败重试
        videoAd.load()
          .then(() => videoAd.show())
          .catch(err => {
            console.log('激励视频 广告显示失败')
          })
      })
    }

总结：通过以上代码可以搭建出和【许愿灯池】一样 的流量主广告，所以如果想知道具体的效果，可以微信搜一搜【许愿灯池】或是二维码扫描：