才一年,H5的发展就成这样了

开发 前端
各大主流社交平台对H5分享的支持都是比较友好的,只不过每个平台的分享接口都需要单独的定制。当然这也在暗示HTML5的推广渠道其实可以更加多元化,并且其在内容营销中有着极大的应用潜力。

H5 H5发展 H5设计

关于H5的发展,分享几个最近看到的惊人数据和新闻:

1、截至2015,有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现,典型的例子包括微信、Facebook、Twitter等。(数据来源:国际科技媒体 ReadWriteWeb,2015)

2、浏览量最高的1000个H5作品中,42%是心灵鸡汤,最高17,358,480 uv;27%是测试题,最高49,940,339 uv;15%是社交互动游戏,最高2,892,047 uv; 5%是大型品牌宣传,最高551,195 uv。(数据来源:在线h5工具平台ih5.cn,2015.9)

3、谷歌浏览器于9月1日起不再自动播放Flash。 亚马逊宣布旗下网络(包括Amazon.com门户在内)的所有广告将不再使用Flash。在可预见的未来,Flash广告将被HTML5广告所替代。

4、朋友圈广告上线(http:// ad.weixin.qq.com),据传起投20万, CPM 40元。详情外链的H5页面可以用微信提供的模板,也可以自行定制。

注:本文提到的H5特指基于HTML5技术的动态交互页面。

以上的信息反映了H5在内容营销的应用潜力。出于好奇,笔者又调研了国内外的几个社交平台。目前支持H5分享的平台:国内的微信、微博,国外有Facebook、Twitter、LinkedIn,当然每个平台分享的形式略有差异,以下是笔者对同一个内容分享后的对比:

H5 H5发展 H5设计

可以看到,各大主流社交平台对H5分享的支持都是比较友好的,只不过每个平台的分享接口都需要单独的定制。当然这也在暗示HTML5的推广渠道其实可以更加多元化,并且其在内容营销中有着极大的应用潜力。

然而最近笔者观察到一些现象:一方面,企业对H5的需求一直在增加;另一方面,定制化H5的价格居高不下。从事Marketing的朋友,一边觉得H5反胃,一边又忙着找靠谱便宜的供应商。

事实上随着技术的成熟和各种H5工具的涌现,H5制作已经渐渐走向标准化,成本问题也随着一些工具的出现有了极大的改善。或许H5技术的发展已经超出你的想象,很多问题已经有了不错的解决方案。

以下仅从大家比较关注的H5制作和推广两方面给出一些行业调研结果和具体建议,其实那些百万千万级PV的H5也有一定的规律可循,希望能对大家有所帮助:

一、如何找到靠谱不贵的H5供应商?

我们调研了国内几类供应商和各大品牌主,希望能给大家在选择H5供应商方面提供参考。从成本、资源平台到适用场景,可参考一二:

1. 整合营销类

这类公司一般只做全案型的服务,很少会单独做H5开发,当然如果你的品牌名气够大并且预算够多也是可以的,量级30万+,包含策划、设计、开发、推广,也可能会有一些附加服务。

H5 H5发展 H5设计

(查看案例可访问 ih5.cn/idea/mcase)

典型案例:W 《NewBalance系列》《大众点评系列》;时趣互动《潘婷系列》

适用条件:预算、时间充足,30万+、周期一个月以上

资源渠道:金投赏、艾菲奖、金鼠标,麦迪逊邦、成功营销、Social Talent Circle、SocialBeta等

2. 强技术型

这样的公司在国内并不多见,笔者比较认可的就W、未来应用、NPLUS、LXU这几家,其中W和LXU比较多元,其内容营销形式不限于H5,而W也在之前透露不再接纯H5开发的业务,目前已专于全案型。当然,除了以上几家,如果大家觉得更好的也可以推荐给我们。

H5 H5发展 H5设计

典型案例:LXU 《京东系列》《玩转进化论》;未来应用《神造七天》

适用条件:预算10万+,开发周期半个月到1个月

资源渠道:就那么几家,需要可以跟笔者联系,but,供不应求,排队!

3、 各种小团队

一年前H5的火爆伴随而来的是百花齐放的H5定制化公司,有的是看到H5的“钱景”投身红海,有的是营销圈内人看到机会而创业。同样分为两类:集策划、设计、开发一身的互动营销初创公司,以及以设计、技术见长的技术型小团队。

这些公司往往水平不一,虽不乏优秀者,但各种滥竽充数,选择这类供应商的时候建议细心考察。这里分享几点经验:

一定要看对方的历史作品,从作品加载速度、流畅度、交互丰富度(是否用到复杂Canvas动画、CSS3D、微信高级接口等)这些方面评估,至少要有3个以上比较好的作品,做过H5游戏并交互流畅为佳。

对接人最好是产品经理,不能是那种一点不懂技术的所谓项目经理,一个是沟通非常麻烦,基本是个传话筒,没有什么卵用,另一个是会影响整个H5开发的进度。

可能的话去一趟项目团队工作的场所,能做好项目的公司从办公室氛围就能看出来,而且还能防止那种外包N次的情况,花一天看看还是值得的。

适用条件:预算2万~5万,开发周期1~3周

资源渠道:Social Talent Circle、数英、H5说等

4、专业工具平台

托微信的福,H5的庞大市场需求推动了技术的阶跃式发展,一年前需要花几万大洋外包给一个技术团队做的事,现在依靠一个不懂代码的设计师和一个工具就能搞定。

专业在线工具的出现,对很多技术型的H5小团队而言是一个非常大的冲击,原因主要在于工具效率的提升以及相应人力成本的下降。同样复杂度H5的技术实现,一个设计师用工具大概在两天左右,最多一周内能完成,而技术外包往往需要两周左右,甚至更长。

算一笔账,高级设计师人工大概是500~1500 RMB/天,两天的工时加上各种临时需求,大概成本是1500~5000,这是用工具开发的成本;如果找技术外包:按低配计算,前端(500/天),后端 (500/天),设计(500/天),按10天开发周期算,加上各种服务器和测试,成本在2万以上。

所以如果不是要找全案策划,对效果的要求也没到W、LXU那种复杂程度,建议用工具实现H5,无论从效率还是资金成本看来都是最优的。

事实上,一些工具在H5技术实现上已经超过了大部分技术开发团队,类似ih5.cn这样的工具已经能实现像3D动效、时间轴动画、H5弹幕、多屏现场投票、微信登录、数据查询这样的高级H5效果和数据应用。

除此之外,工具的好处是复用性,相信很多人都曾想象把别人家的H5改一改自己用,这种情景就是工具能解决的问题。ih5.cn有一个比较有趣的功能是复制案例,你可以复制别人的H5并更改素材自行定制!当然前提是作者愿意公开分享作品使用权。

这种高效的H5制作模式,笔者觉得具备极大的颠覆性,当然对品牌而言也是好事,不用再花一堆钱生产本来就有的东西。

以下也推荐一个比较实用的东西,它是一个移动端的H5轻应用商店,上面有很多高级定制的H5可供复制和使用,都是一些作者公开分享的优秀H5作品, 除了常见的邀请函、微官网以外,还有像砍价、集赞、好友PK、H5弹幕、会议签到、多屏互动这种结合社交和数据的免费H5应用模板,由STC、澎湃新闻、 SocialBeta、首席品牌官、3W咖啡等专业媒体联合ih5.cn推出,点击“阅读原文”可进入。

#p#

二、H5的推广方式?如何提高传播量?

首先,影响H5传播量还有两大重要因素:转发率(内容)和打开率(标题和转发文案)。

转发率取决于内容,除了内容要贴合受众场景,要有创意之外,最重要的是参与感。在ih5.cn统计的排名前1000个作品当中,传播最广的几类:心 灵鸡汤、测试题、社交互动。前十名都在百万以上,最高达5000万传播。鸡汤能产生共鸣,测试题反馈结果,社交互动跟好友PK,这些都是参与感的体现。

打开率是非常重要的因素,但同时也是最难把控的。因为决定打开率的,就是短短几十个字的标题和转发文案,往往只能凭感觉而定。

以下提出一个解决思路,通过末位淘汰选出最佳H5转发文案:

Step1同一个H5设定5组标题和转发文案,让用户每次转发都等概率的出现一组文案。

Step2每次用户打开H5都记录来源于哪种文案,在推广开始一段时间后通过后台数据监测,将浏览量来源最低的文案去掉。

Step3每隔一段时间执行第二步操作,直到只剩下一组文案为止。

(备注:由于几组文案都是同一个H5链接,只是参数不同。也就是说所有H5内容一样,转发率相同,而且每次转发出现的文案是等概率的,因此浏览量就能确切反映打开率的高低。通过逐步淘汰低浏览量的方案就能得到最优方案。以上需要一点数学能力理解→_→)

整个过程需要一定复杂度的技术实现,不过已经被验证可行。下次你可以让你的供应商尝试这样的方法,另外,ih5.cn也计划把该自动优化转发文案的功能集成到工具中,用户可自行定义几组文案和淘汰处理时间间隔,系统自动帮你优化。

关于自动优化文案的功能,ih5.cn将于10月底开放内测资格,有意者请访问链接报名ih5.cn/idea/h5lab 。

除了提升H5本身的转发率和打开率,渠道也是影响传播的重大因素。

据不完全统计,H5推广的方式有这些:微信公众号、朋友圈、微信群、微信广告、微博、LinkedIn、QQ群、QQ空间、新闻客户端、App广告、广点通、线下海报……

其中效率最高的是微信群、朋友圈,公众号效果取决于内容。

微信群推广有几点建议:

一般以工作属性居多,适合贴近工作场景的H5推广,比如一些2B产品的推广。

内部员工是性价比最高的群渠道,设立一定的激励机制,从内部拓展精准KOL是不错的方法。

内容要好,频率不宜过高,集中火力一次爆发。

朋友圈推广则是生活属性为主,有趣、好玩,有参与感是关键,据统计朋友圈分享最多的H5类型是测试题,排名前三的测试游戏(案例&数据来源:ih5.cn):

算算你是靠什么吃饭的? UV 49,955,986

测测二战中你能当什么兵? UV 7,358,480

测测你的新年运势? UV 4,032,529

ih5.cn/idea/mcase,有兴趣的同学可以手动复制到微信浏览器打开,本文推荐的百万千万级案例都在这里。

公众号没什么好说的,看文案水平,不过可以告诉你的一个数据是,公众号平均一个阅读是1.2元,阅读原文转化是10%,H5只能挂阅读原文链接或者 二维码,所以一个UV大概是12元!当然,如果内容很好,平均阅读价格可以无限低,原文转化可以提高到20%,加上公众号一般都是精准人群,所以效果也是 可以很好滴。通常2B企业会更适合这种方式,因为一般客单价大,对人群精准度要求较高。

三、H5的未来?品牌营销的理性回归?

说实话,H5“砰”的一声让很多营销人乱了阵脚,毕竟它自带新兴技术的光环,而且在某种程度上也暴露了很多营销人在技术知识上的缺憾,以致于整个H5的供需市场处于一个无序和效率低下的状态。

有几个原因:H5太新,没有定价标准,只能靠市场供需调节,但由于市场非透明,加上技术本身并不成熟,最终市场调节的结果也只能在一定范围内波动。相信这篇文章的读者也会有很多被忽悠被坑的经历。各种乙方未按时上线、甲方不认账。 

现在很多品牌方会渐渐思考这样的问题:做一个H5的投入怎样是合理的?如何分配制作和推广预算?对我的业务/用户增长有什么作用?

笔者认为,类似H5这样的技术正应该是为品牌解决这些问题,而不是给从事营销的人带来“枷锁”。

事实上,技术是需求驱动的,之所以有H5,是因为消费者喜欢更丰富的信息表达方式。其实无论是国内还是国外,基于HTML5的富媒体内容形式,都是一个大趋势,只是微信提前走了一步,并推动了这一技术在营销中的应用罢了。

所以,如果我们从内容载体的角度去理解H5,可以发现,其实H5应该是深入到品牌与消费者整个生命周期中的信息载体和连接点,目的是促进业务和提升体验,并且由于其本身所具备的传播特性,又能带来节点的广播效应,从而带来更多的流量。

因此,H5在品牌营销中的应用将成为需求导向、业务导向的“连接型产品”,服务于具体市场和运营的目标,带来业务的促进,这是正在发生的理性回归。

责任编辑:王雪燕 来源: 首席品牌官
相关推荐

2015-09-21 09:38:14

营销H5

2014-01-21 13:02:21

服务器

2015-10-09 17:40:33

H5现状App

2020-12-03 18:07:07

H5主题用户

2019-12-20 10:33:38

云计算IT技术物联网

2015-06-10 22:26:26

WPSHTML5

2022-09-02 09:14:10

监控系统

2020-12-28 06:11:46

5G网络5G 套餐

2020-12-28 10:08:02

5G网络4G

2021-01-14 11:39:05

云计算

2017-01-12 16:59:41

H5

2020-12-02 10:48:15

商业智能人工智能AI

2020-12-02 16:02:15

人工智能BI

2022-09-27 07:30:16

H5益智游戏引擎

2022-09-21 11:53:56

无障碍访问iOS安卓

2022-10-26 09:01:55

H5移动端调试

2023-07-11 08:39:16

React前端

2015-03-09 17:49:40

SDN

2024-02-21 11:41:18

2021-01-29 17:25:29

ERP中台IT架构
点赞
收藏

51CTO技术栈公众号