文档章节

小程序插入激励视频广告教程

o
 osc_gu9d45li
发布于 2019/04/23 13:50
字数 992
阅读 29
收藏 0

精选30+云产品,助力企业轻松上云!>>>

在小程序中添加激励视频广告

今天登陆小程序的后台,收到了官方通知,小程序激励式视频广告组件日前已上线,也就是说可以在小程序中插入激励视频广告了。

image-20190417170702711

早在今年年初的微信公开课上,微信团队就曾透露「2019 年,微信小程序将在三方面发力商业化变现:小程序激励视频,插屏广告,个人小程序变现」,现在看来正在一步一步的实现。

激励式视频广告

用户在小程序中主动触发激励式广告,并达成奖励下发标准(完整播放视频广告,并手动点击“关闭广告”按钮),将获得该小程序下发的奖励。广告触发场景与奖励内容均由流量主自定义。

image-20190417173443740

下面就教大家如何在小程序中添加视频激励广告。

开通小程序流量主的步骤请先参考这篇文章:小程序中开通流量主

1、新建广告位

进入小程序的后台,点击流量主菜单,选择广告位管理,点击新建广告位。

image-20190417171940076

这里的广告位类型有两个,选择激励式视频,并输入广告位名称,主要用于区分,方便管理,最后点击确定。

image-20190417172057347

创建成功后复制一下你的广告位 ID,并打开开发者工具。

2、插入广告代码

视频激励广告代码插入略微复杂,不像 banner 广告,直接获取广告组件代码插入即可显示。视频激励广告代码调用是 wx.createRewardedVideoAd 接口。接口返回一个单例对象,该对象仅对单个页面有效。多次创建,返回的是同一个激励式视频广告对象。

下面直接来看看是如何插入的:

首先在 js 文件中定义一个全局作用域的视频广告对象

// 在页面中定义激励视频广告对象
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 {
        // 播放中途退出,进行提示
      }
    })
  }
}

注意这里需要对错误进行捕捉,否则会报下面的错误。

image-20190417211157949

然后,在合适的位置展示广告,例如我这在一个 button 的 tap 事件进行广告显示。

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

目前调试工具无法正常显示视频广告,打开手机调试,视频广告可以正常显示。

如果视频显示异常,可以参考下表,对应的异常代码都有解决方案。

image-20190417204139584

3、接入场景

小程序不知道以哪种形式接入?可以参考以下几种接入场景:

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

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

上面的完整代码可以在公众号后台回复「视频广告」获取。


推荐阅读

「微软」推出的那些好用的微信小程序

小程序中添加广告并获取收益

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
【小程序激励视频】--wepy小程序添加激励视频

小程序开放激励视频是对小程序开发者一个福音,小程序开发者可以完成一些变现,以增加收入!本文章针对已经有开发经验或者正在进行小程序开发的同学~官方文档:激励视频广告 1.定义页面变量,...

osc_apxdqf08
2019/04/22
10
0
低成本开发游戏盈利?你不知道的微信小程序妙用

跳一跳这个小游戏想必男女老少都曾经感受到它那“摄人心魄”的强大魅力,刚刚兴起之时席卷了所有人的朋友圈,所到之处几乎都是晒自己跳一跳的“傲人战绩”。 而这个跳一跳就是微信小游戏红利...

钻石
2019/07/29
1
0
【Unity与Android】02-在Unity导出的Android工程中接入Google AdMob广告

我在上一篇文章 【Unity与Android】01-Unity与Android交互通信的简易实现) 中介绍了Unity与Android通讯的基本方法。 这一篇开始进入应用阶段,这次要介绍的是如何在Android工程中接入Google的...

osc_8k5qho63
04/16
7
0
今日必看:币圈抖音?(上)

利益相关声明 1.今日必看项目为DBA(分布式加速器)第二期投票项目,详情可点击:https://www.dbaglobal.com/#/invite?invite=3afe4a1c 2.是否持币:没有持有。 1. 今日必看是什么? 1.1 一句...

陈天宇123
2018/08/01
0
0
好用又不好用的uni-app踩坑记录(三)

看过我上篇博客【好用又不好用的uni-app踩坑记录(二)】的小伙伴应该知道我们的接口方面已经完成那么现在我们来开始开发,输入日期查看历史上的今天的小程序吧 效果图: 功能:如图所示 代码...

NowIsTheBestTime
07/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

实战梯子游戏多年技巧心得回米必看

梯子游戏技巧交流回雪威【X3364FF】梯子游戏最起码是要学会找出它的规律,简单点我们要从低倍入手,这个有充足的考虑时间。 梯子游戏大概的走势可以分为长龙路、单跳路、对子路、房厅路。长龙...

风清杨啊
46分钟前
19
0
09VulKan——图像视图 采样器 组合图像取样器

整体思想: 使用一个纹理贴图到应用程序的流程: 注意: 在交换链和帧缓冲区中,图像不是直接访问,而是通过图像视图。这里借助图像视图来访问纹理图像 顶点着色器 #version 450#extensi...

黑白双键
46分钟前
11
0
等待收录

静态网站 https://dinghaobaojie.com/

张宏亮
59分钟前
18
0
UEditor富文本编辑

听很多人说百度推出的UEditor框架很实用,但是自己从来没有实践过,这一次有项目中用到,所以记录一下。(感觉一个东西会的人不难,没有做过掌握不到诀窍,就不太好弄) 主要可以分为三步: ...

axj_cfc
今天
28
0
分布式事务

分布式事务处理机制共有四种: 两阶段提交 TCC事务(事务补偿) 本地消息表(异步确保), MQ事务消息。 两阶段提交: 与数据库XA事务一样,两阶段提交使用XA协议。 两阶段提交这种方案属于牺...

九分石人
今天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部