小程序接入流量主、banner广告、激励广告

article/2025/10/7 17:55:31

小程序接入广告

  • 1.什么是微信小程序广告
  • 2.流量主开通流程
  • 3.微信小程序流量主开通以及添加广告步骤
    • (1) 接入banner广告
    • (2) 接入激励广告

1.什么是微信小程序广告

2.流量主开通流程

  • 申请成为流量主后才能接入广告
  • 首先进入小程序后台,点击流量主,点击开通。
  • 按提醒步骤完成信息的填写
  • 开通条件:累计独立访客(UV)不低于1000 无严重违纪

在这里插入图片描述

3.微信小程序流量主开通以及添加广告步骤

(1) 接入banner广告

在流量主中,我们根据提示来创建广告位。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击获取代码,将广告位的代码复制下来,并放在小程序的相应位置
在这里插入图片描述
然后打开微信开发者工具,打开你的小程序工程,在相应的位置粘贴广告代码,保存编译,广告就显示在小程序中了。(注意:发布小程序,添加的广告需要审核通过才会显示

(2) 接入激励广告

用户在小程序中主动触发激励式广告,并达成奖励下发标准(完整播放视频广告,并手动点击“关闭广告”按钮),将获得该小程序下发的奖励。广告触发场景与奖励内容均由流量主自定义。
在这里插入图片描述
1、新建广告位
进入小程序的后台,点击流量主菜单,选择广告位管理,点击新建广告位
在这里插入图片描述
广告位类型选择激励式视频,并输入广告位名称,点击确定。
在这里插入图片描述
创建成功后复制一下你的广告位 ID,并打开开发者工具。
2、插入广告代码
视频激励广告代码插入略微复杂,不像 banner 广告,直接获取广告组件代码插入即可显示。视频激励广告代码调用是 wx.createRewardedVideoAd 接口。接口返回一个单例对象,该对象仅对单个页面有效。多次创建,返回的是同一个激励式视频广告对象。

// 在页面中定义激励视频广告对象
var videoAd = null;
Page({...
})

由于广告对象是单例,且对单个页面有效,因此官方建议在页面加载后(onLoad 事件)中创建广告对象,并在该页面的生命周期内重复调用该广告对象。
因此在 onLoad 函数中调用广告接口,并监听广告关闭。

onLoad() {if (wx.createRewardedVideoAd) {// 加载激励视频广告videoAd = wx.createRewardedVideoAd({adUnitId: '你的 adUnitId'})//捕捉错误videoAd.onError(err => {// 进行适当的提示})// 监听关闭videoAd.onClose((status) => {if (status && status.isEnded || status === undefined) {// 正常播放结束,下发奖励// continue you code} else {// 播放中途退出,进行提示}})}
}

注意这里需要对错误进行捕捉,否则会报错。
然后,在合适的位置展示广告,例如我这在一个 button 的 tap 事件进行广告显示。

// button 点击事件
openVideoAd() {console.log('打开激励视频');// 在合适的位置打开广告if (videoAd) {videoAd.show().catch(err => {// 失败重试videoAd.load().then(() => videoAd.show())})}
}

(目前调试工具无法正常显示视频广告,打开手机调试,视频广告可以正常显示。)
在这里插入图片描述
如果视频显示异常,可以参考下表,对应的异常代码都有解决方案。
在这里插入图片描述
3、接入场景
小程序不知道以哪种形式接入?可以参考以下几种接入场景:

  • 内容类。观看视频广告查看更多内容(文字、视频)。
  • 工具类。部分功能观看视频后使用,或者限制使用词数。
  • 电商类。观看视频广告获取一些优惠。
  • 更新中。。。

更多的信息请参考官方小程序激励式视频广告流量主指引 。


http://chatgpt.dhexx.cn/article/m5r51r4l.shtml

相关文章

微信小程序实现登录注册页面

一、在小程序中引入iconfont 1.在官网搜索需要的图标 2.将图标添加至项目 3.打开我的项目 4.选择font class,点击下方的链接,打开生成的源码 5.在styles文件夹下新建iconfont.wxss,拷贝生成的源码到该文件中 二、编写登录注册页面 …

小程序获取用户的openid(详解)

小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系然而因为小程序中的openid不可以直接使用需要用code(登录凭证)去换取openid 获取openid的思路 获取openid首先需要调用小程序的login方法…

微信小程序使用腾讯地图完整流程

前言:开发小程序需要得到定位和位置的省市区文字信息,看了所有的文章都没有一个完整和像样的,全是copy来,copy去的文章 - _ -!,一怒之下,开始了自己的踩坑之路 第一步:申请腾讯地图…

小程序生命周期

小程序的生命周期说白了就是指程序从创建、到开始、暂停、唤起、停止、卸载的过程。 我们大概从三个角度看一下小程序的生命周期。 (1):应用生命周期 (2):页面生命周期 (3)&…

如何注册微信小程序

1、浏览器搜索: 微信公众平台 2、点击小程序 3、滑至底部,前往注册 4、按照注册流程依次填写信息 5、注册好后,来到微信公众平台,用微信扫码登录小程序 6、完成小程序信息的填写 7、找到开发者工具 8、前往下载开发工具 选择稳定…

简述微信小程序原理

一、本质 首先,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象。 所以就没有相关的DOM API和BOM API,这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等&#xff0c…

微信小程序--点餐系统(本地服务器+源码分享)

案例说明 案例来源于《微信小程序开发实战》黑马程序员著相比于原案例略有修改,代码也不全一样,有些地方的呈现效果体验更好,本人是看着效果图进行复现和练习的,最终达到了一样的效果。复现的过程中注重知识的练习,在…

微信小程序实现收藏功能

微信小程序收藏 前言 这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏&#xff0c;在另一个页面出现目前点击收藏的项目。需要的朋友可以参考下。 1.首先在wxml文件中添加点击事件// 收藏 <view bindtap"haveSave"><image …

如何下载小程序图片?

如何下载小程序图片&#xff1f; 我们平时下载网页中的图片一般操作都是F12调试&#xff0c;或者用一些脚本插件一键下载&#xff0c;作为开发人员&#xff0c;平常用的比较多的就是Fiddler了&#xff0c;当然也用过其他的抓包工具。 但是如果要抓取小程序的图片&#xff0c;又…

微信小程序部署

1. 配置服务器域名 小程序要求程序中使用到所有外部链接(HTTPS)必须将域名提前配置到微信平台。 2. 小程序api路径替换 3. 上传小程序代码 如果想让小程序被所有人在微信中使用&#xff0c;需要将小程序代码进行上传&审核&#xff0c;审核通过之后才能在微信中找到该小程…

微信小程序的测试方案总结

提纲/目标 通过对微信小程序特性和测试点进行总结&#xff0c;储备测试知识&#xff0c;提高测试效率。 小程序特性介绍小程序测试工作过程监控与管理常见问题&技巧 现状分析 接触小程序的项目相对较少缺少小程序测试实战经验对小程序的特性不了解小程序测试测试沉淀较…

一、微信小程序开发详解

目录 1、什么是小程序&#xff1f; 2、小程序可以干什么&#xff1f; 3、相关资料 第一个小程序 一、申请帐号 二、测试号申请 三、安装开发工具 四、你的第一个小程序 五、编译预览 六、目录结构 七、JSON 配置 八、小程序配置 app.json 九、工具配置 project.conf…

小程序 跳转到腾讯文档小程序

1、需求 在小程序内打开腾讯文档 2、要打开的文档 先把需要跳转的文档准备好, 然后分享出去, 方便复制链接 3、获取腾讯文档小程序的AppID&#xff1a;wxd45c635d754dbf59 4、获取小程序页面链接 在你对应的小程序后台操作&#xff1a;登录小程序 在右上角 工具 -> 生成…

小程序跳转公众号

即用即走——这个是从微信小程序上线就开始打的概念。即用即走使得小程序可以代替许多APP&#xff0c;或是做APP的整体嫁接&#xff0c;或是作为阉割版功能的承载体。 对用户使用上来说&#xff0c;确实方便&#xff0c;要用的时候打开&#xff0c;不用的时候关掉&#xff0c;…

微信小程序——开篇

开篇 前言锻造兵器开发者账号微信开发者工具 写在最后 前言 如今微信小程序已经成为我们日常生活中不可或缺的‘介质’&#xff0c;如我们的出行、购物、餐饮、社交、娱乐等活动的小程序已经因有尽有&#xff0c;相比于去安装一个app人们自然更加倾向于在微信中去直接访问某个…

WebStrom开发微信小程序

文章目录 WebStrom配置微信小程序一、安装微信开发者工具1、安装2、新建小程序项目3、如何查看APPID4、进入小程序开发 二、WebStrom配置小程序1、选择file->settings2、配置CSS3、配置html4、代码提示插件5、配置完成 WebStrom配置微信小程序 一、安装微信开发者工具 1、…

微信小程序生态4-扫普通二维码进入小程序、打开短链接进入小程序

文章导航 微信小程序生态1-初识小程序 微信小程序生态2-创建一个微信小程序 微信小程序生态3-微信小程序登录流程设计 微信小程序生态4-扫普通二维码进入小程序、打开短链接进入小程序 微信小程序生态5-微信公众号扫码登录PC端网页 微信小程序生态6-微信公众号授权登录(适用于…

C语言程序设计(上)

C语言程序设计&#xff08;第二版&#xff09;知识点总结 一、简单C程序设计变量整数类型格式化输出格式化输入浮点类型浮点数据的输出浮点数据的输入常量类型转换 二、分支结构if...else语句条件表达式常见运算符优先级switch语句 三、循环结构break语句continue语句goto语句多…

C语言程序设计基础

C语言程序设计基础 大纲第一章 C语言程序设计概述第一节 C语言程序设计基础知识1.1 C程序设计语言简介1.2 C程序设计语言&#xff08;高级语言&#xff09;1.3 C语言程序结构1.4 C语言程序的运行过程与运行环境1.5 C语言程序设计过程 第二节 C语言基础语法概念2.1 数据类型2.2 …

在Linux系统中运行C语言程序

正式学习c语言的第一天 2022/1/10 在之前的学习中已经在Windows系统中用Microsoft VC上实现了C语言程序的运行&#xff0c;现在将在Linux系统上运行C语言程序。 首先明确C语言程序开发的4个步骤&#xff1a;编辑、编译、链接、运行 在Microsoft VC中编译和运行都可以直接用…