宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-12-02

今天登录小程序后台,收到官方通知小程序激励视频广告组件最近上线了,这意味着激励视频广告可以插入小程序。

image-20190417170702711

早在今年年初的微信公开课上,微信团队就透露“2019年,微信小程序将在三个方面实现商业化:刺激视频的小程序、屏幕广告的小程序、个人小程序的实现”,现在似乎正在一步步实现。

激励式视频广告

用户在小程序中主动触发激励广告,达到发奖标准(充分播放视频广告,手动点击“关闭广告”按钮),即可获得小程序发放的奖励。广告场景和奖励内容由流量拥有者定制。

image-20190417173443740

以下是如何在小程序中添加视频激励广告。

打开小程序流量主的步骤请先参考本文:打开小程序流量主。

1、新建广告位

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

image-20190417171940076

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

image-20190417172057347

成功创建后,复制您的广告标识并打开开发工具。

2、插入广告代码

视频激励广告代码插入略显复杂,与横幅广告不同,可以通过直接获取广告组件的代码插入来显示。视频激励广告代码调用是wx.createRewardedVideoAd接口。接口返回只对单个页面有效的单例对象。多次创建并返回同一个激励视频广告对象。

让我们看看如何直接插入它:

首先,在js文件中定义一个全局范围的视频广告对象。

//在页面中定义激励视频广告对象var videoAd=null第({页.})因为广告对象是单例,对单个页面有效,所以官方建议在页面加载后创建广告对象(onLoad事件),并在页面生命周期内反复调用广告对象。

因此,在onLoad函数中调用广告接口,并监控广告关闭。

onload(){ if(wx . createrewardedvideo){//加载激励视频广告Video=wx . createrewardedvideo({ adunitd : ' your adUnitId ' }) //捕捉错误videoAd.onError(err={//给出适当的提示})//侦听并关闭videoAd。onclose((状态)={if(状态状态。isended | | status==undefined){//正常播放结束,发出奖励//继续你的代码}否则{//在播放中途退出并给出提示}})}注意需要在这里捕捉错误,否则会报错如下。

image-20190417211157949

然后,在适当的位置显示广告,例如,我在按钮的点击事件中显示广告。小程序插入激励视频广告教程(图6)

//按钮点击事件openVideoAd() {console.log('打开激励视频');//打开广告如果(videoad) {videoad.show()。catch(err={//未能重试videoad.load()。然后(()=videoad.show ())}}}目前调试工具无法正常显示视频广告,打开手机调试即可正常显示视频广告。

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

image-20190417204139584

3、接入场景

小程序不知道访问什么表单?您可以参考以下访问场景:

上课。观看视频广告以查看更多内容(文本、视频)。上课。有些功能是看完视频后使用的,或者使用的字数有限。电子商务课。观看视频广告以获得一些折扣。正在更新。更多信息请参考官方小程序激励视频广告流量主指南。

更多资讯
游戏推荐
更多+