微信小程序广告接入

个人推荐:

📢📢📢 前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下 "通俗易懂，风趣幽默"，感觉非常有意思,忍不住分享一下给大家。 点击跳转到教程。

1.广告接入

前天看了看以前写的微信小程序，发现访问破了1000了，哈哈终于可以在自己写的小程序里面插入广告,现在记录一下怎么在小程序中插入广告吧：

第一步开通流量主
开通条件很简单就是总访问量过1000

同意协议并点击下一步。

填写个人的相关信息，包括身份证、收款账户等等。

上面的开户名称其实就是开户姓名,最后提交，系统会进行审核，审核时间说是大约一周。

第二步在小程序接入广告
创建广告位

选择要接入广告类型

并在下方填入广告位名称

点击确认后,进入广告位列表:

点击获取代码，然后复制里面的代码:

进入微信程序开发软件，在自己程序空白比较多的地方插入刚刚复制的语句,这就可以啦

2.激励视频广告接入

如果小程序一进去就先加载广告，然后再进入到index页面，怎么操作,先选择激励类型广告。

点击获取代码

在项目中添加一个page

并设置为项目第一启动项

jumppage.js中let videoAd = null为全局变量

在页面onLoad回调事件中创建激励视频广告实例
页面跳转操作:

wx.switchTab({  
          url: '../index/index'  
        });  

完整代码:

// 在页面onLoad回调事件中创建激励视频广告实例
if (wx.createRewardedVideoAd) {
  videoAd = wx.createRewardedVideoAd({
    adUnitId: 'adunit-f8bd4231b2720db6'
  })
  //捕捉错误
  videoAd.onError(err => {
    // 进行适当的提示
    })
    // 监听关闭
    videoAd.onClose((status) => {
      if (status && status.isEnded || status === undefined) {
        // 正常播放结束，下发奖励
         //  跳转到首页
         wx.switchTab({  
          url: '../index/index'  
        });  
    console.log("跳转到首页")
      } else {
        // 播放中途退出，进行提示
         //  跳转到首页
         wx.switchTab({  
          url: '../index/index'  
        });  
    console.log(" 播放中途退出,跳转到首页")
      }
    })
  }

在onShow中启动广告:

    // 在合适的位置打开广告
  if (videoAd) {
    videoAd.show().catch(err => {
      // 失败重试
      videoAd.load()
        .then(() => videoAd.show())
    })
  }

最后运行一下:
运行出现广告:

然后关闭之后:

3.封面广告

显然上面那种操作,广告收益会比较高,当对于用户的体验会非常差,其实微信开发有相应的封面广告可以直接接入,而且不需要插入任何代码,可以说非常Nice!

广告管理>封面广告>点击开启(对应序号3)

点击场景设置

场景设置其实就是当用户在该情景下打开时,就会弹起广告,勾选对应场景即可!

或者在详细配置中进行配置

运行效果

4.具体效果微信扫码观看