文/特约撰稿人 苏落
在用户看来，朋友圈已不再只是信息获取平台，还可以在这个平台上越玩越炫、越玩越酷。而在业内人士看来，这却是HTML5的再爆发，几年的预热之后，在2014年终于大面积向移动互联网袭来。
2014年7月，一只表情贱贱的神经猫，险些一夜之间刷了大家的朋友圈，玩家纷纭炫耀自己用了更少的步数就将此猫围住。这便是HTML5游戏发展的里程碑式产品——《围住神经猫》，其创造了3天点击量过亿的成绩。随后，《在柯少中找房祖名》、《一个都不能去世》等浩瀚HTML5小游戏在微信朋友圈中疯转。
在用户看来，朋友圈已不再只是信息获取平台，还可以在这个平台上越玩越炫、越玩越酷。而在业内人士看来，这却是HTML5的再爆发——它在几年的预热之后，2014年终于大面积向移动互联网袭来。
随着玩法不断变多、变新，HTML5也正在被认可和利用，并且逐渐形成了移动营销的一个新热点。
移动营销多数的做法都是：硬广投放，投开屏广告或是插屏广告等；软性投放如开设品牌微信公共号等。而HTML5使广告主找到了移动营销的打破口。在移动+社交的传播时期，HTML5营销大略、快捷、灵巧、有效，炫酷能够吸引用户关注、乃至参与，进而进行代价转化，不仅是互联网公司和移动互联网公司，越来越多的传统企业也开始关注到HTML5营销的代价。
HTML5温故知新
要想知道什么是HTML5，绕不开的是：什么是HTML？
想象一下两个打算机在沟通的场景，A如果要把一个图文信息传给B的时候，互换过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范便是HTML。
大略说，HTML便是一种网络通用措辞，这套措辞普通用户未必懂，但对付开拓者来说却是简洁适用，这就可以了，开拓者用这种措辞制作的页面可以超过不同硬件设备以及不同浏览器，被任何用户浏览到。
而从HTML1到HTML5就代表着这套规范的发展进程。按照定义来讲，HTML5是一系列制作网页互动效果的技能凑集，它能在移动端做出Flash做不出的动画效果，即HTML5便是移动真个web页面。但如果仅仅将HTML5看作是替代Flash的一个技能，就过于低估了其真正的能力，对付移动互联网来讲，它更像一个“技能阀门”，一旦拧开，想象空间很大。
我们第一次评论辩论HTML5要改变天下大概是由于乔布斯，他坚持在iOS上不兼容Flash，在Adobe统治多媒体开拓的那个年代，这须要付出极大的勇气。这么多年过去了，虽然所有人都在评论辩论HTML5，但是大部分人乃至都忘了它还是一个仍在完善中的体系，这种完善也直接决定了HTML5在2014年的再爆发。
Q&A：为何HTML5会在2014年再爆发？
2007年W3C（万维网同盟）立项HTML5，直至2014年10月尾，这个长达八年的规范终于正式定稿，W3C小组表示终于完成了HTML5标准的制订事情。此举将基本的Web技能在移动和云互联网时期统一起来，有助于开拓职员采取统一标准进行网页运用开拓。
HTML措辞的上一个版本HTML 4.01还是在1999年12月发布的，也便是说用了15年才迎来一次大的版本更新。W3C小组表示，在过去多年韶光里，他们联合了环球60多家公司，共同完善HTML5标准，个中办理了4000多个BUG。HTML5将会取代1999年制订的HTML 4.01、XHTML 1.0标准，期望能在互联网运用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。
【干系链接】
HTML5与微信的那些事儿
2014年10月HTML5规范标准的定稿，是对HTML5营销再出发的技能支持，如果这算是“天时”，那么2014年微信朋友圈的火热绝对算是“地利”了。
HTML5营销为何能够在微信朋友圈中迅速崛起？微信营销做事商微信海CEO程小永表示：“与淘宝和百度的营销不同，微信"大众年夜众号更强调去中央化。而用HTML5做营销活动，通过微信的口碑传播出去，实际上便是把每个人当成向外传播辐射的基点和传播的弧线，通报给更多的人，传播效果非常好。”可以说，微信朋友圈分享让HTML5产生了盘活移动互联网流量的巨大代价。
HTML5营销 跟我看
进入移动互联网时期，人们的碎片化韶光越来越多，但把稳力却越来越挑剔，“不好玩不成活”，内容平实、形式大略就想得到关注？难于上上苍。
而HTML5和轻运用开拓，恰好使营销手段更多样化，也使移动平台上的营销花样层出不穷。而HTML5到底能如何提升移动营销的level呢？
感官更丰富
绘图功能强是HTML5的一个非常主要的特色，很多我们在HTML5中看到的动画效果便是用其绘图功能完成的，从技能实现角度，可以做出任何二维动画。同时，HTML5还可以做出很好的三维效果，试想一下在三维立体空间中玩俄罗斯方块和坦克大战，是不是可以带给用户更身临其境的体验感。
可以说，在技能层面上HTML5可以做到画面更都雅，感官更为丰富，这方面的例子大概多。如为合营上市，特斯拉在2014年推出过一组幻灯片式广告，这是HTML5较为早期和范例的玩法，效果为大略的图片展示+翻页交互，整体上很像幻灯片展示，大略、实用。如奢侈品品牌Burberry为合营上海嘉里中央旗舰店开业，推出“从伦敦到上海的旅程”为主题的HTML5页面，要进入这个浑身高下散发着浓浓文艺气息的HTML5，第一步，得先“摇一摇”；第二步，点击屏幕进入油画般的伦敦清晨；第三步，摩擦屏幕使晨雾散去；第四步，点击“河面”，河水泛起荡漾；末了点击屏幕上的白点，到达终点站上海。结合各种感官体验，Burberry全力带动用户参与互动，增加了体验性与意见意义性，使得体验者更为深入体认品牌文化。
互动性更强
Burberry的例子实在已经对HTML5的互动性做出了很好的佐证，文章开头也提到小游戏成为了终极引爆HTML5的有效导火索，互动性强便是主要缘故原由之一。移动端硬件正在沿着“人机互动”的方向一起走下去，而用户更希望在互动中得到乐趣，而HTML5恰好作为技能纽带，将二者对接。以HTML5约请函为例，涟拓网络品牌运营总监张永昶就谈道：“纸质约请函有很多年历史，拿得手里的那种愉快度很难被取代。而HTML5约请函要想成功，第一要打开速率快，第二要打开全体过程流畅，第三便是要让全体体验互动。”现在朝很多HTML5约请函都会涵盖报名、支付、表单等互动功能。HTML5做的约请函与其他办法（邮件、印刷品等）比较生动了很多，可以做到图文并茂声色俱备，还可以和诸如位置做事等运用相结合，未来可能还会有许多新功能推出。
场景更实用
办理了场景运用，就好比点通了移动营销的穴位。对付HTML5营销如何能够得到更好的传播，HTML5民间开拓者张东表示，首先要理解用户在空闲的时候会拿手机干什么，剖析不同用户的需求。最主要的是用户体验，要研究如何在极短的韶光内完成他须要做的事情。
小游戏为什么能够成为HTML5实操的先行军？正是由于很多用户选择玩游戏来补充碎片化韶光，游戏知足了碎片化韶光这一场景需求。约请函同样也是由于具备实用功能，代替纸质约请函。与炫酷的形式感比较，用户更在乎HTML5能够带来的实际功用，有效办理场景需求。
传播性更好
HTML5再次爆发于微信，与微信朋友圈的传播力不无关系。看重用户需求与看重传播实在是相辅相成的，知足用户需求的信息自然能够得到有效传播，这里面实在也是思考角度的问题，从“我要传播什么”到“我希望用户传播什么”的转变。还是以游戏《围住神经猫》为例，在微信朋友圈引爆话题，微信用户不但自己玩得不亦乐乎，还不断将自己的成绩分享在朋友圈，进行刷屏式传播，三天韶光内游戏访问量超过一个亿。
［词语辨析］
HTML5与APP
移动互联网江湖，APP派和Web派的斗争由来已久，而HTML5又作为Web派的主力先锋，更有人出言：HTML5将会颠覆APP。HTML5与APP之间到底是若何的关系呢？
HTML的上风是技能大略，迭代快，渗透能力强。把一个HTML5的内容嵌入到任何APP中，技能事情量都很小，启动webview就可以实现运用嵌套，这些都是HTML5渗透力强的表现，透过HTML5将做事轻松落地到APP中。“将内容从一个APP快速、完全、高效的传输到其余一个APP，是HTML5最善于的部分。在去中央化的用户设备桌面上，HTML5像血管一样连接了一个个的独立的APP器官并且运送血液到不同的APP中。这便是HTML5快速融入生态的表现之一，并且发挥自由流量的代价加速和逐步改造原生生态。”移动云做事APICloud创始人兼CEO刘鑫一语点出了HTML5基于移动互联网的核心生态代价，也是其更利于传播的根本。
HTML5营销 跟我学
通过以上的学习，我们看到HTML5知足了广告主对移动营销的大部分需求，从形式到功用、到传播，有人不雅观望，更有人已抢了鲜，在2014年HTML5营销案例也层出不穷。大到适口可乐、维多利亚的秘密这种敢于尝鲜的大牌，小到知乎推出的一本新书，各种品牌和产品都在考试测验利用HTML5进行营销。
主题派
主题传播永久是品牌的主要传播诉求，但无论是新闻稿还是软文拿到社交媒体上来，与其他形式纷繁的讯息进行PK，总是觉得弱弱的，这个时候HTML5就可以华标致出场了。在原有专题的根本上，加之互动以及其他适配小屏幕的素材，一个声情并茂的HTML5主题就可以制作完成。可以预期的是，将有越来越多的媒体和企业会采取此种形式推介某个主题或是亮点。适口可乐已先行利用HTML5形式传播品牌主题：如用一条红线重现一个品牌经历的岁月，在简洁的线条天下里，适口可乐描述了一段历史，全体韶光轴随着用户向上滑动页面“绘制”而成。“我们在乎”——适口可乐中国可持续发展报告，一份呆板的报告也可以变身轻盈，适应移动端不雅观看及分享的需求，以重生动的形式在朋友圈被热转。
【案例链接】
腾讯大会约请函
2014年11月8日，腾讯就在世人面前高调地玩了一把科技感。在WE大会现场中，不但有唯美的星空画风和首页由远及近的宇宙效果，还增加了指纹识别的科技互动元素。最主要的是游戏规则：将运用约请发给好友，300秒之内，双方在各自手机上同时按下指纹，验明正身后得到约请码。这种手机端接连现场的技能十分抢眼，可以让与会者享受到被重视的礼遇，还有瞬间通电的觉得。这款约请函不但是实现了人机互动，更是实现了双屏互动，利用了一次社群思维。
游戏派
爱玩是人类的天性，好游戏吸引用户参与没有问题，但当游戏遇上营销，就难免死活未卜了，弄不好就毁坏了游戏体验，引火上身。像《围住神经猫》只是由于接入了广告笔墨链，就结束了一款游戏残酷而又短暂的生命，于朋友圈偃旗息鼓。
以是想要利用游戏进行营销一定要做到谨慎、奥妙。目前HTML5游戏营销紧张是两种形式，一种是品牌推出游戏，游戏寄托于品牌，一样平常为有名品牌；另一种为游戏先行，产品藏匿于游戏之中，这种则是一些新产品或是新品牌。像杜蕾斯、维多利亚的秘密就属于前者，推出符合品牌特点的一些小游戏，将品牌与游戏进行深度领悟，如将经典游戏中的元素换为品牌标识或是产品，利用户在玩游戏的过程中加深对品牌的认知。而《财务包子铺》则是后者的范例代表，成为HTML5小游戏中的一匹黑马。
【案例链接】
《财务包子铺》背后的那本书
测试一下自己的创业成功指数？在这个人人吵着要创业的年代，大多数人都会对这个测试跃跃欲试吧，心里想着：我的创业天赋可不能就此埋没。于是由知乎制作的小游戏《财务包子铺》在微信朋友圈里迅速流传，玩家以创业老板的身份，对自己的包子铺的日常经营做出决策。听上去没什么特殊，但游戏中专门设置了机制，比如用户如果决策失落误，就会收到破产警告，须要选择一本救命书——便是知乎要借此推广的《金钱有术》。续命之后可以连续游戏，让玩家对新书留下初步印象，又不会中断游戏。游戏上线三天后，《金钱有术》这本书成为亚马逊图书发卖总榜冠军，同时还是预售冠军、新书冠军、经济类冠军，仅在游戏里点击“购买秘籍”这一选项的独立用户数就有55万。怎么样，设计得如此天衣无缝，就算有人知道是“软游戏”了，但还是乐意为这本书买单。
活动派
有粉丝的地方就有活动，社交媒体风行后，品牌活动大规模转移到微博、微信上来，真实的社交关系链，对付有奖活动来说是最好的人气资源。相对付微博上的关注和转发有礼，以及微信朋友圈转发集赞等，利用HTML5开拓出的有奖互动活动形式会更新颖和多变，同时也可以发挥HTML5的多项营销上风，如互动性强，在活动中开拓出各种与用户的互动形式；功用性好，奖品对付用户来说便是最实际的刺激和诱惑；传播性广，独乐乐不如众乐乐，创造了既好玩又有奖品拿的好事，当然要好朋友一起分享。
【案例链接】
索尼七夕送“小青心”
在2014年七夕期间，索尼就用HTML5开拓了活动页面，强力推出一款新品——清新范儿十足的小青心索尼C3手机。在活动期间，只要关注索尼Xperia官方微信进入游戏，将在页面“重逢”专属幸运四叶草，分享活动到微信朋友圈，约请4位好友帮助拆开礼盒，点亮小青心幸运四叶草，即可得到抽奖资格，索尼为此一共准备了77台小青心索尼C3智好手机。七夕是年轻人的节日，全体活动将小青心标签与七夕相结合，踩准节日营销的韶光点，同时环节中设置须要4位好友帮助，也使社交传播链得到了几何式铺开。
功能派
在前文中已经提到，想用户之所想才能够有效“黏住”用户，使得HTML5营销得到转化，不论什么时候，只要实用，总会有人点击、有人转发，这也是HTML5营销最须要的推动力。在功能性HTML5开拓方面，百度可谓屡试不爽，如先后推出iBreath智呼吸、手机告全体主人书、北京地铁打算器等产品，这几款产品无一不是戳中了用户的“痛点”：康健、手机利用、地铁涨价，这都是实实在在的需求点。以手机告全体主人书为例，你是否已经看够了那些呆板的笔墨阐述，也厌烦了毫无新意的小互动，这组页面险些每页都根据要表现的内容增加了意见意义十足的动画效果，将解释书变成了“动画片”。
【案例链接】
百度iBreath智呼吸
这款HTML5的slogan为：人呼出的气体和指纹一样独一无二。此语一出，就让人对自己的呼吸充满了好奇，详细操作也很大略：手机水平放好，然后深呼吸，对动手机下方吹气。几秒钟之后，通过大数据剖析，你的康健值就会被测算出来，会列出用户的呼吸气体身分详细数据，还会剖析出用户的康健情形，如肺部传染症状以及相应的康健改进建议等等。
【支招】
HTML5营销四原则
形式：内容展示只管即便把信息视觉化。
主题：创意要有新鲜感，少抄袭、多原创。
内容：要做优质内容，创建具有分享代价的内容，再由“社交达人”进行分享。
传播：要集中传播，HTML5上线的前5天是黄金传播期。
【课后思考】
作为广告主，你怎么想？
社交网络尤其是微信上的热闹人气，以及几个成功的HTML5传播案例，都使广告主兴趣大增，但说到底，抛去HTML5的技能制作层面，广告主最关心的还是后台传播数据的问题，但再深推一层，后台传播数据又取决于内容的创意和推广的机制，否则再炫酷的页面也无用武之地。好创意，可遇不可求，既要好玩又要品牌产品寓于个中，而不露声色，至少不引起反感；好传播，无外乎KOL朋友圈分享和微信"大众年夜众号推广两种常规思路，此外再无通用的传播秘籍。以是，在考试测验HTML5前再好好想想，你的品牌适宜做HTML5吗？你有好的创意么？你又想好如何传播了吗？
本文部分内容参考、引用自《品牌H 5营销完备实战指南》（作者Social Talent@Whales）、《HTML5火烧移动营销已成微信朋友圈潮叹》（原载艾瑞专栏，作者赵勇）、《微信圈养下，海内的H T M L 5生态可能成为下一个Zynga》（原载36氪，作者刘鑫）、《揭秘微信HTML5营销：互动游戏受热捧制作本钱最高30万元》（原载TechWeb.com.cn，作者肖芳）、《H T M L 5营销背后的4大原则、7个案例和12张图》（原载网易科技，作者互联网八师长西席）、《依托微信的“H 5”，解不了S o c i a lMarketing的垓下之围》（原载虎嗅网，作者默尔索）等文章。
