关于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. boost锁的使用

    boost锁的概述 boost库中提供了mutex类与lock类,通过组合可以轻易的构建读写锁与互斥锁. ▲     mutex对象类 mutex类提供互斥量,主要有两种:boost::mutex,b ...

  2. javascript 实现加法分离。 plus(3)(4); // => 得到 7

    原文地址:http://cnodejs.org/topic/5230d5f0101e574521c86ff4 JavaScript 的设计是典型的函数式的编程范式匿名函数 JSON数据本身就是字符串, ...

  3. fuel 6.1自动推送3控高可用centos 6.5 juno环境排错(二)

    https://docs.mirantis.com/openstack/fuel/fuel-6.1/ 由于在测试高可用时,我是用esxi虚拟机测试,测试过程中遇到了网络问题:虚拟机间网络不通,故从网络 ...

  4. 目前所有的ANN神经网络算法大全

    http://blog.sina.com.cn/s/blog_98238f850102w7ik.html 目前所有的ANN神经网络算法大全 (2016-01-20 10:34:17) 转载▼ 标签: ...

  5. FM收音机 RDS的强大功能

    FM收音机 RDS的强大功能 分类: MTK2011-04-26 16:06 14889人阅读 评论(6) 收藏 举报 交通公告体育音乐娱乐教育 前言 随着发展,会有越来越多的电台具有RDS广播功能, ...

  6. Xcode删除证书

    手动删除 xcode5 provisioning profile path: ~/Library/MobileDevice/Provisioning Profiles

  7. STM32之FreeRTOS

    STM32之FreeRTOS http://www.freertos.org/index.html http://www.freertos.org/a00090.html#ST http://www. ...

  8. Cocos2dx 学习笔记整理----在项目中使用图片(一)

    cocos2dx有多种使用图片的方法,先来个最简单的:用CCSprite直接使用图片. 首先,进入到之前建立的项目,把你将要使用的图片放入到目录下的Resources文件夹里面.项目中以相对路径使用资 ...

  9. CodeForces 625B War of the Corporations

    暴力匹配+一点判断 #include <stdio.h> #include <algorithm> #include <string.h> #include < ...

  10. 170113、CentOs6.4中安装和配置vsftp简明教程

    一.vsftp安装篇 代码如下: # 安装vsftpdyum -y install vsftpd# 启动service vsftpd start# 开启启动chkconfig vsftpd on 二. ...