基于VideoAI技术的创客园产品宣传视频的广告互动实现

张婷 黄帆 陈光喜

摘 要 目的：为了解决产品营销受到地理位置限制的问题，借助Video++平台，设计精准的场景来将广告与视频内容进行匹配，来实现用户与视频广告进行有趣互动，从而满足他们的需求。方法：从接入互动层代码到添加互动资源，最后进行发布测试，并进行实时监测统计广告变现，让创客园产品通过互动视频最大程度的曝光。结论：这种生态创新型广告比传统的视频贴片广告更具交互性趣味性，能解决传统视频贴片广告不能二次利用的问题，为品牌主实现营销价值提供丰富且高效的途径。

关键词 人工智能；广告营销；视频广告；互动视频；图像识别；互动层连接

中图分类号 TP3 文献标识码 A 文章编号 1674-6708（2019）233-0001-06

由于广西老木棉·匠园创客园区离市中心距离较远，创客园中手工匠人们的手工艺品在营销方面受到地理环境的限制，为了更好的宣传推销产品，除了电商平台之外，在宣传视频中嵌入广告互动，将给用户带来更多的互动体验。

1 VideoAI技术在视频场景中的应用

1.1 VideoAI技术

经过多年的研究，人工智能技术目前已经能够实际应用到场景中，并不断创造商业价值，根据腾讯研究院近日发布的《中美两国人工智能产业发展全面解读》报告，中国人工智能企业分布在零售、认知、自动驾驶、汽车等领域共592家[ 1 ]，大量资本的融入推动了人工智能技术的发展，但是消费级视频领域还是一个相对陌生的概念对于大多数人来说，消费级视频可以理解为加入大量产品广告数据在电影、电视剧、综艺节目、直播等场景中，经过后期加工而制作成视频[2]。AI+消费级视频将具有巨大的商业价值潜能，VideoAI技术让所有营销场景变得清晰可分析，互动视频让商业广告直接变现[ 3 ]。

1.2 Video++平台

Video++平台在国内领先实现了VideoAI技术在消费级视频领域的应用，视频内容本身就具有广阔的广告空间，有很多商业变现方式，可以在不打扰用户体验的同时，加入一些娱乐互动方式，让用户在观看视频的同时参与活动，实现广告价值[ 4 ]。

Video++平台通过VideoAI智能算法，对视频进行目标追踪、检测、识别，商家可以在视频中编辑广告内容，策划互动活动，可以让视频广告呈现更多的互动方式。可以在视频中进行品牌曝光、商品介绍、点击购买、抽取红包等，让视频广告从传统的扁平化进化到立体丰富多维度，真正完成品牌与内容的无缝对接[5]。目前，Video++已经和阿里云、今日头条、芒果TV、乐视、搜狐、熊猫直播、斗鱼直播等各大视频网站进行了合作，月独立UV量已达2.8亿[ 6 ]。

2 互动视频的营销方式

2.1 品牌视频AI广告营销方式

视频营销的重点是“连接”，将广告主和各大视频（直播和点播视频）平台进行连接。在视频平台中将各种为推广品牌而设计AI广告嵌入到视频中。国内外多家电视台及视频播放平台正在使用Video++技术实现视频互动营销，例如观看《爸爸去哪儿5》的时候，每当出现萌娃洗手的场景时，视频画面中就会出现舒肤佳的互动广告，用户点击之后就会观看到与舒肤佳相关的品牌促销信息[ 7 ]。当然，芒果TV还将更多的AI互动广告嵌入至其他的节目中，为品牌带来更强更全面的营销升级，例如《快乐大本营》节目与飞鹤奶粉品牌进行网络与电视台双向联动的创新融合，是飞鹤奶粉产品销量大幅上涨[8]。《明星大侦探2》节目中利用AI广告推广“探案神器”——手机OPPO R9S，形成最强输出；《妈妈是超人2》节目中，为美素佳、迪巧、千林、东南DX7汽车、狮王牙膏等品牌设计了暖心的场景AI广告，品牌回响度超高[9]。

2.2 创客园互动视频营销方式

为了解决老木棉·匠园创客园地理位置偏远，产品营销收到地理位置限制的问题，我们可以借助video++平台，为推广创客园产品而设计AI广告，嵌入到宣传视频中。

比如用户可以在观看视频的同时，直接点击视频中出现的手工艺品，可以跳转至天猫、京东等电商平台进行购买，通过一键购买直接转化更多商业变现，这也是内容赋予的高电商属性。通过VideoAI技术把视频变成一个能够检索、能够排序、能够分析的数据库；发现适合投放品牌广告、电商的位置后，然后使用VideoOS系统快速开发出各种广告电商和互动娱乐所需要的应用，比如海报、百科、投票、卡牌收集、红包、电商促销等等。

借助VideoAI技术，可以在视频中实现景区门票购买、景区地理位置查询、景区文化介绍等。通过后台大數据分析，可以收集视频的点击量、广告转化率等，让所有营销场景变得清晰可分析，创造互动机制对创客园宣传广告有更多维的展示与转化[ 1 0 ]。

3 技术要点

3.1 互动层接入技术

要在视频中接入互动代码，必须先把视频内容上传至网站中，网站作为一个容器和载体，将视频中的互动广告呈现给用户。在网站中添加互动层代码步骤如下：

Step1：引入JS SDK

在网页中即将放置视频的位置插入以下代码，就可以引用JS-SDK，使用已经封装好的方法。

Step2：新建一个宽高在640px*480px以上的div作为视频播放的窗口。

Step3：在JS SDK的script代码后写入如下代码，并对各个参数进行相应的设置之后，即可创建互动视频实例，如图1所示：

3.2 创客园产品宣传视频的互动层接入

3.2.1 网站域名及服务器空间

首先，我们要为承载视频的网站设置域名及空间，通过注册证书并购买域名，得到网站域名为：http：//www.xshnxt.cn/，并为网站购买1G服务器空间。接下来进行域名解析，通过FTP上传网站文件至主机，经测试，网站可以正常访问，这样，视频网站就可以在互联网上面浏览了。

3.2.2 全站修改Video++播放器的方法

由于我们将在创客园产品网站中，不同的页面中插入不同的互动视频，将网站中所有的播放器，如youku、QQ播放器等全部替换为Video++播放器。为了省时省力，可以将修改过的play.js替换网站中原有的play.js，达到快速替换全站播放器的目的。方法如下：

找到“网站根目录——js文件夹”，将下图所示的play.js代码替换原有的play.js，修改之处如图2所示：

該网站是用ASP.NET建设的cms（内容管理系统）网站，我们直接进入到管理员后台，对相应的页面添加互动层代码即可。如下图所示，在网站后台中，找到“信息管理”菜单，在“产品中心”栏目中，对需要添加互动视频的页面进行编辑，打开编辑窗口后，将编辑模式设置为“源码编辑模式”。

插入JS SDK的script代码：

在需要添加互动视频的布局中插入一对div容器：

将如图1所示的代码粘贴至页面中，并对相应参数进行设置，效果如图4所示：

其中，Video地址填写的是网站中的本地地址，该视频存放在/e/video/的路径下，直接读取网站文件中的视频进行播放，如果将视频上传至优酷、土豆等第三方视频平台，则将视频播放地址插入即可，还可以去掉片头片尾的广告。appkey是非常关键的参数，只有将appkey的标识填写正确，才能真正实现互动视频，appkey要从Video++控制台中获取，前提是注册了Video++，并在控制台中添加了热点和互动资源，获取到appkey为SJky7vakM，如图5所示，将参数写入互动层代码中。

3.4 与第三方视频平台合作进行视频封装

如果网站使用自有的视频解析服务时，比如：与CDN或其他第三方视频托管平台进行合作，此时要对传给Video++的视频解析封装格式进行一些调整，内容如图6所示：

3.5 借助Video++平台设置互动资源

Video++平台中提供了大量有趣的互动资源，如：海报、百科、云图、投票、抢红包、轻松购等，也提供了很多设计精良的界面模板供开发者选择，图8是本项目在控制台中设置的互动资源：

部分资源类型介绍：

1）海报。

将一张图片上传，作为海报热点出现，海报热点可位于视频中任意位置，这可以在控制台中进行设置，海报有动态效果，吸引用户进行点击，点击后，海报缩略信息展示出来，若用户感兴趣，可以点击“查看更多”，跳转至外链网站，如景区网站、当地旅游网站、创客网站等，这样一层层逐级递进的信息呈现方式，更容易让用户接受。

2）百科。

百科的作用与海报相似，不同之处是百科资源可以添加多张图片进行轮播，让用户可以浏览更多的图文信息从而了解视频中相关的内容。百科资源也可以添加外链，用户若对某个产品或地点感兴趣，可以继续访问百度百科等外部网站进行了解。

3）云图。

云图图片信息轻松浮现，可在控制台中设置云图动效为淡入、翻转、弹跳、放大四种模式，刺激用户点击跳转至目标页面实现互动转化。将图片进行背景抠图，存为透明通道的png格式图片，插入至视频中，让人感觉图片在视频中浮动，生动有趣。

4）卡牌。

为了延长用户观看视频的时长，可以在视频的前、中、后段位置，添加卡牌互动资源，让用户边看视频边收集卡牌，当卡牌收集完整后，即可参加抽奖活动或者兑换奖品，提升用户观看视频的兴趣。

5）轻松购。

用户通过观看互动视频，当看到感兴趣的广告商品，点击进入第三方电商网站购买商品，这是最重要的广告变现方式，在控制台中可以上传商品图片，添加产品价格，包括原价和折扣价，选择折扣类型，并添加商品链接，让用户进一步了解商品详情。

4 创客园宣传视频广告互动实现

4.1 广告互动实现

通过以上步骤的设置，现在本地打开创客园宣传网站的产品介绍页面，即可看到互动视频，但此时的视频仍未接入互动广告，需要将视频右上角的播放模式切换为编辑模式，在视频相应位置插入互动资源，插入了互动资源的时间点，会出现一个明显的标记，见图9。

例如，在创客园中某个风景秀丽的地方，插入海报资源，让用户进一步了解老木棉·匠园的文化；插入轻松购资源，让用户点击跳转至外链网站，直接购买门票，带动创客园的客流量；当视频介绍创客园区中的大学生创业工作室时，用户除了可以欣赏工作室环境，还可以点击百科资源，通过详细的图文介绍（见图10），进一步了解大学生创新创业方面的情况，可以吸引更多的投资人关注大学生创业项目。

在人性化的场景和剧情中插入广告，更加容易让人接受，硬性插入广告，只会让用户感到厌恶，并终止视频的播放。所以，我们设计了连贯的剧情，让两位模特带领观众游览创客园，两人在树荫下品茶时，使用的是广西钦州坭兴陶茶具，在视频中相应位置，插入坭兴陶茶壶的轻松购广告（见图11），与视频内容相关联，引导用户点击购买。同时，在视频右下角，出现优惠券红包的互动资源，让用户参与抢红包游戏，增添观影乐趣，获得优惠券后，可以在购买视频中相关产品时使用。

手工匠人们的工作室中，摆放着大量的作品，有些游客只是匆匆一瞥，并为了解每件作品的独特之处，或者有些用户未能到创客园游览，也可通过观看视频进行购买。我们将工作室中的作品进行分类，在视频中添加海报、轻松购等互动资源（见图12），让用户在观看视频的同时也可以更清晰的看到作品的介绍，并考虑是否购买。

Video++平台还提供了“灵悟”功能（见图13），灵悟使用VideoAI技术对视频中用户框选的场景进行人工智能识图，通过识别，搜索出相似的内容，进一步引流转化，这个功能在搜索明星同款上较为出色。

4.2 发布测试

在本地网站上进行发布前的测试，从浏览器兼容情况、外链检查、视频是否流畅等方面进行测试。在不同的常见浏览器中进行测试，并设置不同屏幕分辨率，互动视频均可正常显示。对互动视频中所出现的外链进行检查，在不同浏览器中，点击外链均可跳转至第三方网站，无读取不出的情况出现。为了防止添加互动广告的视频出现卡顿情况，在不同浏览器中，从头至尾播放视频进行检查，均无卡顿现象发生。通过测试，最终将修改好的网站文件重新上传至服务器，替换原有网站文件。打开网站地址，观看互动视频，并邀请一些用户进行用户测试，提出意见和建议，开发者听取意见后及时修改。

4.3 后台数据统计

當互动视频正式上线之后，开发者要关注的是视频的变现情况，Video++平台提供了数据分析功能，在控制台中，点击“数据中心”菜单即可观看数据统计和实时统计，本文以实时统计为例，观看2个小时内的实时统计。其中：

1）视频播放总量——从视频正式开始播则放记1次视频播放总量。

2）热点曝光量——热点在视频播放过程中出现的次数，出现1次记1次热点曝光量。

3）信息层曝光量——信息互动层的展开的次数，用户打开1次信息互动层计1次曝光。

4）热点点击量——互动层上热点互动按钮被用户点击的次数，点击1次记1次热点点击量。

5）热点转化率指热点的点击达到率，即热点点击数/热点曝光数。

从图14中可以看到，1时0分，视频播放量为1次，热点曝光了1次，热点点击了1次。通过数据分析，让运营者可以直观地了解引流情况及统计广告变现，通过统计外链点击次数，与出售相关产品的商家进行利润分成。

4.4 各产品的外链点击量对比

笔者统计了一个月内，各个热点的外链点击总量，统计结果如表1所示。

5 结论

传统的视频用户交互性不强，只能在视频前后进行广告贴片，在视频播放过程中植入广告产品，但是无法统计变现，更多详细内容无法在视频中展示，VideoAI技术让视频广告交互成为可能，在不打扰用户观看视频的同时，加入更多娱乐互动方式。本文以创客园产品宣传视频的广告互动为例，从接入互动层代码到添加互动资源，最后进行发布测试，并进行实时监测统计广告变现，让创客园产品通过互动视频最大程度的曝光。新型智能的原生互动视频广告在逐渐替代贴片广告的市场，具有广阔的市场空间。

参考文献

[1]周菲乔.移动互联网时代下短视频App的传播模式和传播策略研究[D].成都：成都理工大学，2016.

[2]马云，虎雅东.“互联网+”背景下的品牌设计与推广特点研究[J].包装工程，2016，37（10）：17-20.

[3]周琴.移动互联网环境下品牌互动广告传播的策略研究[D].杭州：浙江工商大学，2017.

[4]周珊珊. 互动广告多形式发展要素分析[D].南昌：南昌大学，2014.

[5]陈涛.视频电商运营机理及策略探究[D].武汉：武汉大学，2017.

[6]何鑫.数字媒体环境下网络互动广告系统的分析与设计[D].厦门：厦门大学，2013.

[7]刘书慧.广告互动传播效果研究[D].长沙：湖南大学，2013.

[8]姜丽.网络视频营销的模式、类型和策略研究[D].武汉：华中科技大学，2013.

[9]谭坤，吕悦宁.基于微信平台的H5广告设计策略分析[J].包装工程，2016，37（20）：198-202.

[10]吴攀.基于用户体验的交互式网络视频广告研究[D].上海：上海师范大学，2012.