微信小程序广告接入

嘟嘟的程序员铲屎官

已于 2022-08-05 21:44:11 修改

阅读量3.2w

点赞数 38

分类专栏：小程序开发文章标签：微信小程序

于 2021-08-27 22:56:03 首次发布

本文链接： https://blog.csdn.net/weixin_42753193/article/details/119947463

版权

小程序开发专栏收录该内容

2 篇文章 9 订阅

订阅专栏

个人推荐:

📢📢📢 前些天发现了一个蛮有意思的人工智能学习网站,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())
    })
  }