关于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. string字符串转C风格字符串 进而转换为数字

    要求如题 头文件stdlib.h中有一个函数atof() 可以将字符串转化为双精度浮点数(double) double atof(const char *nptr); 此字符串为C风格字符串,因此需要 ...

  2. python WEB接口自动化测试之requests库详解

    由于web接口自动化测试需要用到python的第三方库--requests库,运用requests库可以模拟发送http请求,再结合unittest测试框架,就能完成web接口自动化测试. 所以笔者今 ...

  3. 我的第一个Android项目之环境搭建

    开发IDE Android Studio2.0 + Genymotion + JDK1.8 网盘地址:http://pan.baidu.com/s/1kUSVqaN Android Studio 我的 ...

  4. Eclipse开发Maven项目提示:程序包org.junit不存在解决方案

    原因: 个人考虑产生此错误的原因是因为Eclipse中对于测试和开发的鉴定不明?Intellij中没有错误,因为Intellij对项目的管理就是同Maven结构的. 解决方案: 原来的junit的sc ...

  5. ASP.NET MVC---自定义HtmlHelper方法

    HtmlHelper方法是ASP.NET MVC中非常强大的特性,有了这个特性,我们就能更加随心所欲的定制自己的页面. 自定义自己的HtmlHelper方法通常有三种, 像是: 一.Razor语法 采 ...

  6. 安卓图表引擎AChartEngine(二) - 示例源码概述和分析

    首先看一下示例中类之间的关系: 1. ChartDemo这个类是整个应用程序的入口,运行之后的效果显示一个list. 2. IDemoChart接口,这个接口定义了三个方法, getName()返回值 ...

  7. 转 android客户端版本检测更新,服务下载,通知栏显示

    看图, 只要点击取消或是下载完毕 通知才会消失!      代码是大部分是借用别人的,再自己修改,达到自己所需要的效果 xml文件 update.xml <?xml version=" ...

  8. Selenium-Grid工作方式

    http://blog.csdn.net/five3/article/details/9428655 Selenium-Grid工作方式 标签: selenium-grid2webdriversele ...

  9. C语言实现GBK/GB2312/五大码之间的转换(转)

    源:C语言实现GBK/GB2312/五大码之间的转换 //----------------------------------------------------------------------- ...

  10. 中文字符 unicode转utf-8函数 python实现

    unicode编码范围 00000000-0000007F的字符,用单个字节来表示: 00000080-000007FF的字符用两个字节表示 (中文的编码范围) 00000800-0000FFFF的字 ...