H5营销干货大全！也是蛮拼的！ 历时3个月，我们在两家淘系女装店铺探索私域真相
在过去的一年中，《围住神经猫》、《寻找房祖名》、支付宝十年账单，还有最新出炉的微信宝马广告等等一些好玩的小游戏以及广告页面，这些是否都在你的手机屏幕中频繁出现呢HTML5刷屏似乎在2014年的手机圈内成为了一种常态。如今，几乎每天继续有着HTML5页面的推广以及小游戏、小测试在微信上传播，用户也逐渐习惯被各种HTML5轰炸。
那么问题来了，什么是HTML5
简单来说，H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏都是H5网页，确切来说叫HTML5(国外目前没有H5的叫法)，它跟我们平时上网看到的那些网页本质上没有任何区别，只不过大家普遍接受的那个网页技术版本是HTML4，而这个版本是在1997年发布的。
2004年，"WHAT"工作组着手开发HTML5，"WHAT"的成员来自苹果Mozilla基金会和Opera等等。
2008年，HTML5规范第一版发布。专家说HTML5是一种持续进化的技术，永远不可能"完成"。
2010年，YouTube在1月和7月分别推出两款HTML5视频播放器。同年4月，针对苹果设备不支持Flash，乔布斯在一封公开信中指出"Flash是为用鼠标的电脑，而不是为触控屏设计的。"这使得更多公司转向了HTML5。
2011年：Alexa流量排名前100位的站点中有34%使用HTML5。在之后的2012年，约70%以上的研发商使用HTML5技术作为应用开发。
梳理完了HTML5的前生今世，立足当下，我们看看2014究竟有哪些HTML5技术堪称火爆，让人们的微信频频被刷屏呢
2048：在4x4的棋盘上，用方向键选择数字移动的方向，遇到相同的数字就会合并，每次移动会增朋友圈就立马被各种"触目惊心"、"不忍直视"的截图占据了。
国内各大领域HTML5技术运用盘点
游戏领域：HTML5小游戏7日留存仅1%微信传播占7成
日前，业内最新数据报告显示，2014年Q4季度以来，有60%的行业从业者已投入或是准备投入H5游戏，超过半数的从业者对H5游戏前景持肯定态度。当前H5游戏类型依然以益智休闲为主，占总数的58.74%，角色扮演类的H5游戏业占据了一定的比例，达到24.66%，预计2015年，角色扮演类H5游戏份额将进一步提升。
HTML5游戏具有五大特征，其中包括：轻松实现跨终端，跨平台;无需下载即可体验;多入口，方便营销推广;及时更新游戏内容;开发周期短，试错成本低的特征。
报告中提到HTML5游戏开发方向将形成两大阵营：或着重轻度H5游戏平台开发，帮助CP商营销从而获利;又或者着重中重度H5游戏，寄希望于道具收费获利。
H5游戏已经成为未来手游行业的明星市场，2014年Q4季度以来，有60%的行业从业者已投入或是准备投入H5游戏，超过半数的从业者对H5游戏前景持肯定态度。
与传统原生市场应用差不多，当前H5游戏类型依然以益智休闲为主，占总数的58.74%，角色扮演类的H5游戏业占据了一定的比例，达到24.66%，预计2015年，角色扮演类H5游戏份额将进一步提升。
目前H5游戏大多还是以轻度休闲游戏为主，缺乏持续的可玩性和固定的入口。从游戏留存走势看，玩家对游戏粘性较低，次日留存8.58%，三日留存3.90%，七日留存1.12%。
根据GoogleAnalytics的基准平均跳出率统计，内容网站跳出率大概在40-60%之间，而H5游戏首页平均跳出率为67.54%，明显高于平均数，因此内容方面还可以更丰富;而在传播性回归分析中k系数(0~1)只有0.068，反应出对网络传播依赖程度较低，由此催生了诸多H5游戏平台。
微信在H5游戏用户会话载体分布中依旧占据了主要地位，虽然目前微信已经对H5游戏在朋友圈的传播进行了限制，但相信依托于微信公众号所建立的小游戏平台将成为日后用户进行游戏首选。
H5游戏平均每天游戏次数只有1.45次游戏，这主要是轻度游戏的粘性较低;其次游戏时长上并不比原生应用短，游戏可玩性得到玩家认可。
苹果手机用户占H5游戏终端使用设备最多，其次是小米手机，这得益于小米手机轻应用的推出。
H5游戏安卓用户使用系统最多的是4.2.2，而使用IOS系统最多的是7.1.2，这也是目前市面上的主流系统版本。
HTML5游戏用户所持屏幕分辨率与主流分辨率客户端相差不多，这也反映出在H5游戏开发中屏幕分辨率也与市面主流设备相适应。
新媒体领域：助力个性化阅读，HTML5可能被玩坏
iiMediaResearch(艾媒咨询)《2014年中国手机新闻客户端用户研究报告》显示，手机网民移动端资讯获取首选方式上，手机新闻客户端最受青睐，占比为35.8%，其次为手机浏览器，占比为20.9%。手机新闻客户端这个相对传统而保守的媒体形式在过去的一年中远没有移动视频、移动电商甚至手游这样备受关注，然而，移动新闻领域的几个庞然大物正是在行业热点外围，默默着获取着海量用户与流量。
截至去年年底，腾讯、网易、搜狐三家传统门户的新闻客户端的总安装量已经超过2.5亿甚3亿，今日头条的安装量也宣布超过2亿，新浪新闻因为起初模糊不清的战略，错失了最佳时期，已经被前四家甩在后面。
新媒体变革的当下，各大媒体对HTML5运用已然盛行，但有可能被玩坏。HTML5的页面形态在微信朋友圈与新闻客户端的联合扶植下，在2014年成了相当抢眼的表现形式，很多上网不久的朋友可能并不了解H5，事实上，它在今年的火爆之前已经经历了多次战斗，最早H5视频与flash视频的抗衡、后来H5应用与原生APP的抗辩，每个时期H5都有着自己独特的标签，在2014年，它的标签是「动态新闻」。
一则「习大大夜游中南海」的HTML5动效专题去年11月火爆社交网络，出色的交互效果与资讯整合让很多本对政治毫无兴趣的用户也公众平台开始构建一个强大的轻应用平台。
对于很多的企业以及移动开发者们来说，最激动人心的一件事情莫过于微信JSSDK的发布。微信JS-SDK包提供的11类接口集，开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力，还可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。
对用户来说，在微信中看到的HTML5不再局限于简单的页面展示，而是一个功能较全面的App，它包含更多的互动功能。
当下，对于巨头们来说，打造一个真正强大的移动入口平台，HTML5已经变得越来越重要。同样对于企业和很多开发者们来说，借助巨头的平台，开发更适合该平台的轻应用能为自己带来更多的流量和资源，实现对客户更好的对接。
对于H5这个名词想必大家已经很熟悉了，就在2014年，一项本来还不太成熟的技术在微信的社交舞台下大放异彩，让我们见识了「移动+社交」爆发的巨大能量。
然而这不是偶然，而是趋势。在具体介绍H5营销之前，我想和大家分享一份eMarketer的数据，其中显示了2012年-2018年品牌在不同媒体渠道的预算比重：
相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势，品牌营销在数字和移动方面的投入在逐年上升。而且，在所有渠道预算中移动技术的投入增长最快，远远高于其他渠道的增长。当然，这样的结论你应该不会感到惊讶，因为我们早已习惯了24小时手机陪伴的生活，而品牌最关注的就是消费者「在哪」的问题。
据美国的调查数据显示，我们每天要查看手机150次，44%的人睡觉都把手机放在身边，9%的美国人承认他们在嘿咻时使用手机……毫无疑问，手机是有史以来最强大的媒介，从早上醒来到临睡前的一秒，这个几英寸的屏幕都在和我们「交流」。
显然，移动营销已是大势所趋，我们可以看到已经广泛应用的签到、二维码技术，正在兴起的iBeacon、微信的Wifi连接，还有就是本文将与大家分享的H5技术。文章有点长，可能需要费些时间阅读，全文包括：H5技术简介及其特性，怎么实现、有哪些应用场景，以及如何推广等内容。
Part1什么是H5
经常有朋友找我咨询H5的问题，但是在和他们沟通的过程中，我发现很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话，仅在用户层面去思考是远远不够的，因为任何传播都要考虑有效性的问题，如果100wpv带来的只是刷屏效果，而对品牌带不来任何有效转化，这样的传播显然是不成功的。
对于事物的理解，如果不能从多个角度去分析，我们很难跳出原有的思考框架去看问题。因此，这篇文章我想以更原始的角度，从H5这项技术本身为出发点去阐述；事实上互联网技术的发展本质上也是需求驱动的，程序语言其实是高于应用层面的产品。以下的内容希望不会太晦涩，也希望能对你有所启发。
简单来说，H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏都是H5网页，确切来说叫HTML5（国外目前没有H5的叫法），它跟我们平时上网看到的那些网页本质上没有任何区别，只不过大家普遍接受的那个网页技术版本是HTML4，而这个版本是在1997年发布的。
什么是HTML，我这里简单解释一下——想象一下两个计算机在沟通的场景，A如果要把一个图文信息传给B的时候，交流过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是HTML。
比如当A要把图文的标题传给B的时候，最终给B的表达是这样的：