微信小程序-接入广告

微信小程序在达到条件时就可以开通流量主，申请接入广告了，用自己辛辛苦苦码出来的成果赚点小钱。目前广告有三种类型：
Banner广告、激励式视频、插屏广告

开通条件：
· 累计独立访客（UV）不低于1000
· 有严重违规记录的小程序不予申请

1.创建广告位，拿到广告位ID

流量主.png

2.代码实现：

  //Banner广告
  <view class="menu-body">
    <block wx:for="{{videoList}}" wx:key="{{item.id}}">
      <ad wx:if="{{index%4==1}}" unit-id="adunit-6eaa6121c53rtx"></ad>
      <template is="videoItem" data="{{item}}"></template>
    </block>
  </view>

  //激励式视频：
  videoClick: function() {
    // 在页面中定义激励视频广告
    let videoAd = null

    // 在页面onLoad回调事件中创建激励视频广告实例
    if (wx.createRewardedVideoAd) {
      videoAd = wx.createRewardedVideoAd({
        adUnitId: 'adunit-6eaa6121c53rtx'
      })
    }

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

／／插屏广告：
Page({

  onLoad: function(options) {
    // 在页面中定义插屏广告
    var interstitialAd = null;
    // 在页面onLoad回调事件中创建插屏广告实例
    if (wx.createInterstitialAd) {
      interstitialAd = wx.createInterstitialAd({
        adUnitId: 'adunit-6eaa6121c53rtx'
      })
    }
    // 在适合的场景显示插屏广告
    if (interstitialAd) {
      interstitialAd.show().catch((err) => {
        console.error(err)
      })
    }
  },

})

注意：刚接入视频时报错，有可能是腾讯没有分配到广告资源，并不一定是接入流程或者代码的错误；仔细检测后，若是没有投放广告的原因就可以提审上线，腾讯后续会给你的小程序分配广告资源。

广告效果：

Banner广告：
一般在列表中每隔几个项就插入一个广告，或者固定在页面底部（小游戏中居多）。

Banner广告.png

激励式视频：

激励式视频.png

插屏广告：
一般用在首页，就是刚进入小程序时出现一个广告弹窗。

插屏广告.png

个人使用云开发的小程序 “喃喃故事汇” 已上线，欢迎查看效果。

搜索"喃喃故事汇".jpg

最后编辑于：2019.04.30 16:13:53