首页 小程序 微信小程序广告接入

微信小程序广告接入

1.广告接入

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

第一步开通流量主
开通条件很简单就是总访问量过1000
在这里插入图片描述
同意协议并点击下一步。
在这里插入图片描述

填写个人的相关信息,包括身份证、收款账户等等。
在这里插入图片描述
上面的开户名称其实就是开户姓名,最后提交,系统会进行审核,审核时间说是大约一周。
在这里插入图片描述
第二步在小程序接入广告
创建广告位
在这里插入图片描述
选择要接入广告类型
在这里插入图片描述
并在下方填入广告位名称
在这里插入图片描述
点击确认后,进入广告位列表:
在这里插入图片描述
点击获取代码,然后复制里面的代码:
在这里插入图片描述
在这里插入图片描述

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

2.激励视频广告接入

如果小程序一进去就先加载广告,然后再进入到index页面,怎么操作,先选择激励类型广告。
在这里插入图片描述
点击获取代码
在这里插入图片描述
在项目中添加一个page
在这里插入图片描述
并设置为项目第一启动项
在这里插入图片描述
jumppage.js中let videoAd = null为全局变量
在这里插入图片描述

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

wx.switchTab({            url: '../index/index'          });  
  • 1
  • 2
  • 3

完整代码:

// 在页面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(" 播放中途退出,跳转到首页")      }    })  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

在这里插入图片描述
在onShow中启动广告:

    // 在合适的位置打开广告  if (videoAd) {    videoAd.show().catch(err => {      // 失败重试      videoAd.load()        .then(() => videoAd.show())    })  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

在这里插入图片描述
最后运行一下:
运行出现广告:
在这里插入图片描述
然后关闭之后:
在这里插入图片描述

3.封面广告

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

广告管理>封面广告>点击开启(对应序号3)
在这里插入图片描述
点击场景设置
在这里插入图片描述
场景设置其实就是当用户在该情景下打开时,就会弹起广告,勾选对应场景即可!
在这里插入图片描述
或者在详细配置中进行配置
在这里插入图片描述
运行效果
在这里插入图片描述

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

在这里插入图片描述

特别声明:本站部分内容收集于互联网是出于更直观传递信息的目的。该内容版权归原作者所有,并不代表本站赞同其观点和对其真实性负责。如该内容涉及任何第三方合法权利,请及时与824310991@qq.com联系,我们会及时反馈并处理完毕。