据美国的调查数据显示，我们每天要查看手机150次，44%的人睡觉都把手机放在身边，9%的美国人承认他们在嘿咻时使用手机……毫无疑问，手机是有史以来最强大的媒介，从早上醒来到临睡前的一秒，这个几英寸的屏幕都在和我们“交流”。
什么是H5？
经常有朋友找我咨询H5的问题，但是在和他们沟通的过程中，我发现很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话，仅在用户层面去思考是远远不够的，因为任何传播都要考虑有效性的问题，如果100wpv带来的只是刷屏效果，而对品牌带不来任何有效转化，这样的传播显然是不成功的。
简单来说，H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏都是H5网页，确切来说叫HTML5（国外目前没有H5的叫法），它跟我们平时上网看到的那些网页本质上没有任何区别，只不过大家普遍接受的那个网页技术版本是HTML4，而这个版本是在1997年发布的。
什么是HTML，我这里简单解释一下——想象一下两个计算机在沟通的场景，A如果要把一个图文信息传给B的时候，交流过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是HTML。
比如当A要把图文的标题传给B的时候，最终给B的表达是这样的：
品牌H5营销完全实战指南
如果设计HTML语言的人是中国人，那表达就会是这样的：
No.1绘图功能（Canvas、SVG）
为了方便理解，你可以将H5的绘图功能类比为Flash，但是唯一的决定性区别是，Flash做出来的动画无法在移动端的浏览器中浏览，因为Adobe早已在2012年就停止了对移动端flash的开发。毫无疑问，未来的移动网页游戏和动画会是H5的天下。
以下这个网站是H5绘图功能的典型例子，非常强大。你可以选择不同型号的毛笔、笔触半径以及墨水的颜色，整个绘图过程非常顺畅，而且还有一个模拟手握毛笔的人性化设计。
No.2三维效果（CSS33D）
H5的华丽效果离不开一种叫CSS的技术，形象的说，如果把HTML5比作**的素描稿，CSS就是上色用的，相当于word界面上方的格式工具栏，如果没有CSS我们看到的H5网页就只能以“素颜”见人了。如果你熟悉互联网技术的命名规则你应该能知道CSS3就是CSS的升级版本。
下面这两个网页游戏就是用H5+CSS33D做的，第一个是俄罗斯方块的3D版，想象一下在三维的空间里玩俄罗斯方块是什么感觉，喜欢挑战空间想象力的朋友可以试一下；第二个游戏是3D版坦克大战，非常精致耐玩的游戏，一句话评价就是“根本停不下来”。
PS：以上提到这些网站都需要在PC浏览器中打开，虽然麻烦一些，但绝对是值得的。
No.3离线存储（HTML5WebStorage）
技术细节大家可以忽略，但是关于离线存储这个功能，大家可以发挥想象——假设离线存储的容量是100个G甚至更多，浏览器就变成了一个超级应用入口，所有网页应用都具备离线存储和在线浏览的功能，这时候在线Office、在线记事本甚至在线PhotoShop都可以实现，我们的电脑只需要装一个程序——浏览器。在这个假设中，浏览器将干掉Windows，一切用户操作都在云端进行！稍微有点难理解，大家可以仔细体会。
以下是运用离线存储的一个例子，这个提供在线便签功能的网站无论有没有网络都可以访问，并且你记录的所有便签都会保存下来，很实用的网站，有兴趣可以试一下。
科普先告一段落，虽然H5有很多特性，但因为篇幅有限，本文只能介绍跟营销有关的内容，其他的特性很多是程序猿的事，如果大家反馈还要了解更多，我可以再写一篇具体介绍。
H5能怎么玩？
在了解完H5的一些基础知识后，相信大家最关心的还是应用层面的问题——H5能做什么，有哪些玩法？接下来我将列举一些典型的例子和大家探讨：
1幻灯片式玩法
这是H5最早期也是最典型的玩法，因为简单、实用，所以至今还很流行。其效果就是简单的图片展示&翻页交互，最终整体的表现很像幻灯片展示。
其实幻灯片式的H5现在已经出现了很多在线制作软件供大家使用，所以制作成本在现在看来几乎是等于零的，而在之前这样一个应用的开发可能要将近一万（再一次**了互联网思维的破坏力）。当然啦，这对于品牌主来说是一个好事，因为很多时候这种简单的展示已经能满足需求了，不需要花不必要的钱。
★应用场景
由于制作简单，周期短，这种H5展现形式适用于频繁、小型的需求。用在线编辑器的话，不需要任何开发，你只需要要配备一名设计和文案。（老规矩，需要在线H5编辑器推荐的，可以在后台留言）
总结得不全，幻灯片式H5可能有以下的应用场景：
2、结合热点的营销，周期极短。这种情况下，时效性是非常重要的，如果开发一个H5用了半个月，热点想必也结冰了。所以，应该以最快的速度推出才是明智的选择，而这时候引起广泛传播的关键就在于文案和设计。
此外，大家不要轻视这种短频快的传播，有时候它要比很多大投入的传播来得有效。没有人能完全掌握受众的兴趣点，所以一次大投入的传播不一定就能出效果，但是多次热点传播出效果的概率从统计学的角度也要高一些。如上文所述，我们可以实现用户在H5中所有交互行为的监测，因此，如果短频快的传播能配合有效的数据监测，便可以进行持续优化，降低不确定性。
2交互式动画
其实除了这种叙事型的H5动画，我们能看到的大多数H5游戏也都都属于这一类，比如神经猫、打企鹅、2048等等。最近也有一个比较火的H5游戏叫“财务包子铺”，在这个游戏中用户扮演包子铺的创业老板，在事业发展的不同阶段做出经营决策，最终登上人生巅峰。虽然游戏中植入了赤裸裸的产品推广（知乎的一本新书），但最后还是取得了3天破300万PV的成绩。
以下是该网站上几个示例的截图：
抓绵羊：你可以在奔跑的羊群中随意抓取并放到任意位置
种树：在屏幕任意地方点击都会在相应的地方种一颗树，你可以看到树的生长过程。
3D罐头：CSS33D的完美展示，你可以看到三维罐头的任意角度
照片处理：你可以把照片艺术化，图示为处理过程截图
交互式动画类型的H5制作周期和成本比较高，需要提前规划。除了创意、文案、设计这些以外，开发周期较长，优质的H5大约在两周到4周左右，也有可能更长。
以下是总结的应用场景：
1、中小型活动/品牌事件的传播，预算不多、周期较短。这种情况一般就是某些新品发布、企业招聘、**事件、中型会议等的传播。此时你需要权衡周期和成本的因素。
3功能型H5
个人觉得web应用肯定是未来发展的方向，就像上文所说的，很有可能未来的操作系统将被浏览器所取代，服务和应用将进入完全的云世界。当然距离这种假设还比较远，但唯一大家可以放心遵守的原则，就是聚焦于用户需求。
我所说的功能型H5，是同时聚焦于用户需求并且注重传播性的H5轻应用，也就是在设计H5的时候除了考虑传播的问题以外，也要思考如何把它变成一个持续运营的产品。这里面其实是思考角度的问题，从“我要传播什么”到“我希望用户传播什么”的转变。
轻交互重功能的功能型H5制作周期较短、成本也不高，成功的关键不在于酷炫的交互，而在于用户需求的把握以及后续的运营。
2、结合热点内容的品牌传播。这种类型的传播是最常见的，但是往往很多结合热点的H5传播都是一次性娱乐消费，大家看过就忘了。其实如果能从用户需求挖掘和产品运营的角度去思考，许多针对热点的H5传播都有很大提升的空间。
H5如何推广？
实际上H5可以推广的渠道有限，不像App的推广有各类应用商店的流量。关于这个问题可以说的不多，我仅针对性的提出几点建议：
1、从用户角度挖掘H5的价值点，写一篇软文。通过图文群发来推广H5无疑是最重要的方式，但是如果只是简单硬性推广，比如宣布今天我们上线了一个高大上云云的H5，然后就让用户点击“阅读原文”自己看，显然这种新闻通稿式的推广不会有太好的效果。
一个好的H5一定具备打动用户的价值点，从一个角度切入写一篇软文，无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效果。投入再大再精彩的H5，如果没有好的推广就只能孤芳自赏，所以哪怕是留点推广预算也是值得的。
不要浪费每一篇图文的“阅读原文”，可能的话对于每一篇图文用不同的文案引导点击；
通过字体或者颜色的视觉跳跃引起读者的注意，而且不要长期使用同一个格式，因为当用户习惯了固定的格式之后会不自觉的忽略这些内容。