微信小程序广告接入

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.具体效果微信扫码观看

在这里插入图片描述


原文连接:https://blog.csdn.net/weixin_42753193/article/details/119947463

相关推荐

【小程序】快来开发你的第一个微信小游戏(详细流程)

【微信小程序】使出千手浮图—回滚式

Java模拟微信来电提醒

Zabbix5.0配置企业微信告警

树莓派实战:微信机器人(itchat实现)

微信支付APIV3统一支付接口(H5、JSAPI、H5、App、小程序)

微信小程序 h5页面跳转小程序(超详细讲解)

【微信小程序】开发入门篇(一)

微信小程序微信支付《JSAPI支付》APIV3详细教程

Springboot----项目整合微信支付(利用RabbitMQ延迟队列处理用户退款)

仿微信消息长按气泡菜单

Springboot----项目整合微信支付(用户取消订单)

Springboot----项目整合微信支付与RabbitMQ(使用RabbitMQ延迟插件实现订单管理)

多平台多渠道账号体系绑定第一篇,微信小程序篇

Springboot----项目整合微信支付(引入延迟队列实现订单过期取消以及商户主动查单)

【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行

微信表情符号写入判决书,你发的OK、炸弹都可能成为“呈堂证供”

通过微信聊天记录简单分析热度

开发跨端微信小程序框架选型指南

Android (微信扫码登录) 获取微信二维码+扫码登录