关于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分享的支持都是比较友好的,只不过每个平台的分享接口都需要单独的定制。当然这也在暗示HTML5的推广渠道其实可以更加多元化,并且其在内容营销中有着极大的应用潜力。

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

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

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

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

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

1. 整合营销类

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

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

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

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

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

2. 强技术型

这样的公司在国内并不多见,笔者比较认可的就W、未来应用、NPLUS、LXU这几家,其中W和LXU比较多元,其内容营销形式不限于H5,而W也在之前透露不再接纯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推出,点击“阅读原文”可进入。

二、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):

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

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

  3. 测测你的新年运势? 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在品牌营销中的应用将成为需求导向、业务导向的“连接型产品”,服务于具体市场和运营的目标,带来业务的促进,这是正在发生的理性回归

才一年,H5的发展就成这样了......的更多相关文章

  1. h5模型文件转换成pb模型文件

      本文主要记录Keras训练得到的.h5模型文件转换成TensorFlow的.pb文件 #*-coding:utf-8-* """ 将keras的.h5的模型文件,转换 ...

  2. 什么原因才是阻碍Linux桌面发展的罪魁祸首

    我大概2000年上大学在宿舍开始玩Linux,到现在20年了!也算是最早一批痴迷于Linux桌面用户啦!记得当时的毕业设计BBS论坛开发就是在Mandrake Linux(后改名Mandriva,一种 ...

  3. 开园子啦(浅谈移动端以及h5的发展)

    一.前言 一直以来都梦想着写几篇博客,忙于工作一直也没有抽出时间来写一下.看看大熊君.小v君等都在努力写博客,我这个不太善于言表的少年,也是在忍不住了.否则会被人家拉下更远.先简单介绍一下自己,目前我 ...

  4. 将h5用HBuilderX打包成安卓app后,document.documentElement.scrollTop的值始终为0或者document.body.scrollTop始终为0

    let time = setInterval(() => { let scroll = document.documentElement.scrollTop || document.body.s ...

  5. H5简介(转)

    H5究竟是什么? "HTML5(WEB前端)技术由HTML(结构).CSS(样式).JavaScript(行为)组成.HTML5是WEB的未来,HTML5不仅在PC端,更是在移动端上也有广泛 ...

  6. 新贵HTML5,2016的发展方向会怎样?

    2014年下半年,微信捧火了HTML5小游戏,自此国内各行各业开始对HTML5保持高涨关注.2015年是国内HTML5行业迅速发展的一年,在媒体大肆渲染“互联网寒冬”之际,HTML5作品的生产数量和传 ...

  7. 对前端的一个H5项目的所思所想

    最近接触一个前端HTML5的项目,虽然我主做iOS,但曾经也徒手用html+css+js+php写过一个博客,当然表示无压力了.结果.现在的前端发展的速度真是快啊,项目中用到Jquery,reactJ ...

  8. 成小胖学习ActiveMQ·基础篇

    过了个春节,回到公司的成小胖变成了成大胖.但是你们千万别以为他那个大肚子里面装的都是肥肉,里面的墨水也多了不少嘞,毕竟成小胖利用春节的半个月时间专心学习并研究了 ActiveMQ,嘿嘿……这不,为了检 ...

  9. HBuilder入门(构建h5+APP)

    if(window.plus) { plusReady(); } else { //plusready事件(自带事件)调用了才可使用h5+API document.addEventListener(& ...

随机推荐

  1. UIView你知道多少

    转载自:http://www.cnblogs.com/likwo/archive/2011/06/18/2084192.html   曾经有人这么说过,在iphone里你看到的,摸到的,都是UIVie ...

  2. opencv----(1) mat最好用,和IplImage,cvmat 比较

    学习了几天,发现mat比IplImage,cvmat 好用太多了. 不知道确切的原文出处,我是转自新浪的一篇博文:http://blog.sina.com.cn/s/blog_534497fd0101 ...

  3. CodeForces 662D International Olympiad

    写出前几个找规律,然后直接输出. #include<cstdio> #include<cstring> #include<cmath> #include<al ...

  4. MRC的下setter访问器的两种形式

    // Person复合了Phone和Room // 第一种:比较合理 先判断对象形参传递的对象和原属性是否一致,不一致在释放旧值,给形参传递的值retain,因为retain方法会返回该对象,因此可以 ...

  5. JavaScript(二)---- 变量、数据类型和运算符

    变量 javaScript中的变量变量是弱类型的,用var来声明. javascript的变量声明格式: var 变量名 = 数据; 声明变量要注意的事项: 1. 在javascript中声明变量是 ...

  6. Go Runtime hashmap实现

    努力学习go中,看到skoo博客内容很不错, 所以转载学习下 前两天有小伙伴问道是否看过 Go 语言 map 的实现,当时还真没看过,于是就花了一点时间看了一遍 runtime 源码中的 hashma ...

  7. java web系统优化, mysql查询优化

    1. 采用数据库连接池技术 2. 优化sql语句格式, 比如用PreparedStatement代替Statement, 前者避免重复编译, 后者每次都需要对数据库进行解析编译, 降低数据库的访问效率 ...

  8. 数据分析与R语言-概念点(一)

    一.数据分析 1.数据分析的多层模型 常用的统计量 常用的算法 常用的数据分析工具 常见的报表 二.R语言 1.什么是R语言?     R是用于统计分析.绘图的语言和操作环境.R是属于GNU系统的一个 ...

  9. CodeForces 622B The Time

    水题. #include <stdio.h> #include <algorithm> #include <string.h> #include <queue ...

  10. 求两个字符串最大的子字符串C#

    此代码由Java改写而来,字符串支持中文格式的. string str1 = "中国ab-15"; string str2 = "中国ab-23"; byte[ ...