整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
段时间小编发现，HTML5似乎满足了广告主对移动营销的大部分需求，从形式到功用、到传播，有人观望，更有人已抢了鲜，在2014年HTML5营销案例也层出不穷。大到可口可乐、维多利亚的秘密这种敢于尝鲜的大牌，小到知乎推出的一本新书，各种品牌和产品都在尝试利用HTML5进行营销。那么H5到底可以怎么玩?让我们一起来看看吧。
主题派
主题传播永远是品牌的重要传播诉求，但无论是新闻稿还是软文拿到社交媒体上来，与其他形式纷繁的讯息进行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为：人呼出的气体和指纹一样独一无二。此语一出，就让人对自己的呼吸充满了好奇，具体操作也很简单：手机水平放好，然后深呼吸，对着手机下方吹气。几秒钟之后，通过大数据分析，你的健康值就会被测算出来，会列出用户的呼吸气体成分详细数据，还会分析出用户的健康情况，如肺部感染症状以及相应的健康改善建议等等。
更多精彩内容，请关注互联网分析沙龙微信：techxue 每天为您推送最新、最热干货！
互联网分析沙龙——互联网人的实战分享平台，一个为您提供专业的商业模式、产品、数据、用户、电子商务、社会化媒体、移动互联网等深度分析的信息网站！请在微信公众账号中搜索「techxue」，或用手机扫描左方二维码，即可获得互联网分析沙龙每日精华内容推送和最优搜索体验，并参与编辑活动。
销代有手段出，各领风骚数百天。要论2014年的传播业哪些方式最“风骚”，屡屡刷爆朋友圈的HTML 5（简称H5）炫酷页面绝对独占鳌头，今天@TopMarketing的同学挑出了10个最经典的案例，来看你玩过哪些？
先来一段背景介绍：正像大家知道的那样，移动互联网的江湖上，APP派和Web派争斗已久。起初是App以良好的用户体验迅速俘获用户芳心，沐浴无尽恩宠。不甘失落的Web派逐渐放弃了传统Wap，推出了更加方面快捷的H5技术，但在强大的App面前曾长期不温不火。直到后来微信和朋友圈的快速发展，H5靠着无需下载、即点即用的属性迅速上位，一跃变成当红炸子鸡，Web终于成功逆袭。
话说H5满天飞，质量也是参差不齐，亏得Top 君有火（ao）眼（ye）金（jia）睛（ban），才在沙子堆里翻拣出10块金子，集成此篇泣血之作，以飨粉丝。
1、围住神经猫
入选理由：堪称一代流行小游戏之标本。
其实HTML5技术在几年前就基本成熟，但一直不温不火，今年能从“二三线小明星”摇身一变成“移动营销一姐”，它必需感谢一只欠抽的神经猫——它体态妖娆，表情风骚，不断在屏幕中扭来扭去，勾引玩家发起毫不留情地围剿。
这只猫完美得能做微信流行小游戏的标本：形象贱萌，让人忍俊不禁；上手简单，又有一定的数学挑战性；在醒目位置添加网络流行俗语；引入竞争机制，撩拨玩家的攀比心态。
但因为是“无心插柳”，《围住神经猫》的营销指数相对较弱，在它短短几天的生命里，只在火起来之后接入了广告文字链，也很快就销声匿迹了。
2、全民找祖名
入选理由：热点新闻催生出的单细胞生物。
除了神经猫这类“平地起风波”的，更多的微信小游戏借热点而生。
比如8月份，柯震东、房祖名相继跳入毒坑，在网友们“绝不放过任何角度”的调侃大潮中，HTML5的技术男们也不甘落后，推出了《全民寻找房祖名》：“虽然柯少向龙叔保证不会带坏房祖名，但龙叔实在不放心，现在请求你帮忙在一群柯震东的头像里捞出唯一一个房祖名”。
还好不是从一堆张默里找出一个房祖名。。。。
如果说类似五子棋的神经猫还需考校智商的话，那么和“看你有多色”玩法相同的“找祖名”则更倾向于眼力的比拼——也就是说，更弱智（#咳咳，此处并无歧视之意#）。然而越傻瓜，就越流行，在它身后涌现出了一大批的追随者，例如前些天的“在雾霾里找北京”。
盈利问题当然也是这类H5心中的痛，但好在至少可以让它的开发者暂时脱颖而出。
3、杜蕾斯 一夜N次郎
入选理由：小杜杜就是个品牌游戏定制狂。
既然神经猫和找祖名们都这么火了，品牌们又怎么会想不到开发专属的小游戏呢？自己动手得来的高级定制，首先肯定合身，然后款式也多选——既可以根据品牌特性开发原创游戏，也可以选择在经典游戏中融入品牌元素。
在微博上大名鼎鼎的“小杜杜”就是游戏“高定”的疯狂爱好者，推出过《我要持久》、《杜杜line一发》《一夜N次郎》等多款作品。（#瞅瞅这些香艳的名字#）以“N次郎”为例，其实是经典游戏“别踩白块儿”的山寨版，然后把黑白块替换为五颜六色的杜蕾斯套套，玩家只要努力踩TT就够了，别的什么禁区都没有。
照这个拆套套的速度，一夜包你-哔-尽人亡。
4、维多利亚的秘密
入选理由：“摩擦摩擦”技能首创者。
以上罗列的是H5国度中的“游戏派”，利用“晒成绩”心理诱惑用户上瘾并分享是它们的立身之本。而接下来将为大家介绍划江而治的另一大门派——“互动体验派”，它们是一群标准的技术宅，笃信“科技改变营销”。
“互动体验派”的大师姐是内衣品牌维多利亚的秘密，她出师早，名声也响，成名技为“摩擦有惊喜”。7月初为预热七夕，维秘上线了一款形式炫酷的轻应用：首页是一幅经过雾化处理的照片，用户只需用手指摩擦屏幕，就会有一位性感女郎浮出水面，继续浏览下去则是品牌介绍，最后到达内衣抢购页面。
这项技能后来被多个品牌效法，现已发扬光大。纵然是神通广大的小编，也没能找到原版链接，╮(╯▽╰)╭。这里有一个都市丽人的模仿版，小伙伴们凑合凑合吧。
5、百度智呼吸，吹一口神仙气
入选理由：非一般的重力感应。
重力感应则是继“触屏指”之后的另一套神功，这里小编选择了“技术大拿”百度的“智呼吸”应用作为正面教材进行展示。
这是一款神奇的轻应用——你只要对着手机吹口气，就能知道自己的健康值（比孙悟空还厉害呢？）：第一步，把手机水平放好（实际上是利用重力感应纠正手机平衡）；第二步，深呼吸（#闭上你的眼睛，全世界有最清新洋气#）；第三步，对着手机下方吹一口气。几秒钟后，你的健康值就出来了，同时附有这口气各种成分的数值，非常全面。
估计吃头大蒜，显示的就是被全国67.6%的人打败了。
6、可口可乐 我们在乎
入选理由：这是一份“会动”的CRS报告。
杂糅图片、文字和视音频等多媒体是H5的又一大优势。而当这种生动的形式与一些严肃的内容相遇，往往发生出人意料的化学反应。
以前段时间席卷朋友圈的可口可乐“我们在乎”为例，它的真身本是一份肩负企业CSR重任的“可持续发展报告”，内容虽力求形象但扔难掩厚重。为了在社交时代更接地气，可口可乐尝试用H5为报告“瘦身美容”：选取报告中的部分核心数据，共十五页画面，直观展现可口可乐的努力，变成适应网络传播特点、特别是移动端观看及分享需求的形式。
7、2014百度世界
入选理由：美轮美奂的邀请函。
集视听多重感官于一体的H5还改造了千人一面的邀请函。
标杆案例如今年的百度世界大会，将会议邀请和星空元素紧密结合：在一片唯美的星空背景之上，每划过一道流星，就浮现出一位意见领袖对移动互联网的看法和愿景，最后是会议的时间地点，并可进行在线抢票。（#纳尼，又是百度的？！小编就不展开说了，夸那么多一分钱没收到何必呢？#）
8、巴宝莉 从伦敦到上海的旅程
入选理由：堪称互动体验派的集大成者。
前面几个例子都是“专业人才”，在技术的运用上各精一道，或是触屏，或是多媒体，或是重力感应。当然还有集各项技术于一身的“全才”，这里最有名的要数巴宝莉“从伦敦到上海”的旅程。
要进入这个浑身上下散发着浓浓文艺气息的H5，第一步，得先“摇一摇”；第二步，点击屏幕进入油画般的伦敦清晨；第三步，摩擦屏幕使晨雾散去；第四步，点击“河面”，河水泛起涟漪；最后点击屏幕上的白点，达到终点站上海。
总而言之，你能想到的互动方式，burberry都用在里面了。
9、网易 习近平和奥巴马是这样夜游中南海的
入选理由：为可视化软文提供参考。
盘点进行到这儿，“十佳”里就剩下两席了，小编要把这2个珍贵的位置留给两家媒体同仁。
首先获此殊荣的是网易新闻中心的《习近平和奥巴马是这样夜游中南海的》。它是一篇“可视化”新闻，除了生动的图片，更多信息通过动画效果呈现出层次感和互动感，就像一个flash动画一样，把中美两位政治大佬的夜游中南海的信息传播得通通透透，各种场景切换，使读者如临其境、如见其人、如闻其声。
这给品牌活动带来很大启示——想要告别过去干燥无味的新闻稿吗？可视化新闻为你提供了一种给力的选择，尤其是现场活动的呈现，多媒体形式更具传播性。
10、央视春晚 家和万事兴
入选理由：内容的共鸣才是王道。
当然，不管形式如何花样百出，最终还得仰仗过硬的内容才能成大气候。
典型例证就是央视春晚的“家和万事兴”：“我们对世界微笑，彬彬有礼，却带着一身疲惫和抱怨回到家里；我们在外拼命售卖自己的观点，却懒得和父母解释我在忙什么（#讲真，内敛含蓄的小编听这台词肉麻兮兮的#）……”H5从一个与父母聚少离多的小故事讲起，通过催人泪下的文案和煽动人心的音乐引发共鸣，然后与“家和万事兴”的主题紧密贴合，最终号召网友“按手印”表达支持。
呃，按手印的时候有木有一种签字画押的赶脚？
总结完毕，来关注Top 君的微信号：TMarketeting
交媒体游戏通常具有上瘾、吸引人、有趣的一些特点。企业正在使用社交媒体游戏作为一种工具来构建品牌。目前无论是传统500强企业还是互联网小微电商等都在尝试通过社交媒体游戏来吸引目标受众，并且收效可观。在本篇文章里，笔者将带大家了解近年来技术如何发展，社交游戏如何变得更容易与web浏览器集成，以及HTML5游戏对提升社交媒体活动的意义，并且还将向大家介绍几个来自智能化会员营销服务商Webpower的HTML5精彩案例。
HTML5游戏的崛起
曾经有一段时间，能够开发可以在web浏览器上运行的丰富和具有高度交互网络游戏的工具，仅限于第三方专有的解决方案，如Java applet, Macromedia Shockwave, Adobe Flash, Microsoft Silverlight和Unity 3D。另一方面，如果用户想使用这些应用程序，他们必须安装浏览器插件。另外，开发人员还必须支付昂贵的集成开发环境(IDEs)来开发。
像HTML、CSS和JavaScript，这些Web技术无法为用户带来足够好的用户体验，只能通过像Adobe Flash这样的工具来完成。使用JavaScript的浏览器也很缓慢，并且缺乏支持本地视频、音频和本地存储。这些浏览器只能兼容简单的游戏。
现在事情已经发生了变化。主流web浏览器实现了对HTML5和CSS3的最新版本的支持。这些标准使得JavaScript应用程序可以获得更好的运行性能。几乎所有现代浏览器的最新版本如Firefox、Safari、Chrome、Opera和Internet Explorer 9，以及在iPhone、黑莓和android手机上的智能手机浏览器，都已经适应开发和运行一个全功能的视频游戏所需的最新技术。
HTML5游戏的社交性
我们已经看到了实时社交游戏从开心农场演变到目前流行的糖果粉碎和宠物救助传奇。在Webpower，我们为客户提供HTML5的移动解决方案，开发了一些非常有趣的HTML5互动海报和游戏。据统计，这些游戏在人际互动性上，已被证明比简单的基于文本的帖子、图片和视频分享更有效。
案例一：Webpower招聘
网页浏览地址：http://www.epub360.com/v2/manage/book/t35uo0/
案例二：“橙星人”拼图
网页浏览地址：http://www.epub360.com/v2/manage/book/ei4xaf/
案例三：你的小伙伴分享了个能赚外快的小游戏，快去试试吧！
网页浏览地址：http://www.epub360.com/v2/manage/book/ra4iby/
HTML5创新运用带来移动营销红利
“一方面，HTML5页面的新颖有趣交互方式助力企业获取更多移动端流量；同时配合利用可植入于微信公众号、APP中移动端在线客服，可将这些流量截流下来。另一方面，通过后续用户的行为去触发相关内容的邮件或短信，实现Leads培育及转化。”Webpower中国区总经理谢晶在谈HTML5创新营销模式上提到。HTML5利用的效应并不仅限于社交媒体，HTML5页面还可以帮助企业在移动营销中，如社交媒体、APP、移动站点等，实现“引流”、“截流”、“连接多渠道营销”。
HTML5游戏是一个在社交媒体平台上吸引粉丝的有趣的方式，目前大小品牌都已经把HTML5游戏列为其数字战略的一部分。其优势在于，可以保持用户更长的互动，提供休闲娱乐，激发用户的竞争天性，以及赋予成就感。Webpower可以帮助品牌创意定制开发专属互动HTML5游戏，这个游戏专门为你的目标用户裁制，融合了你的品牌独特印记和游戏的娱乐性，并且很好的融入到你的营销活动，产生爆棚级效果。
*请认真填写需求信息，我们会在24小时内与您取得联系。
