2048:在4x4的棋盘上,用方向键选择数字移动的方向,遇到相同的数字就会合并,每次移动会增加一个数字,合并出2048就算通关.简单粗暴,被誉为"根本停不下来的游戏".
全民找祖名:去年8月份,柯震东、房祖名相继跳入毒坑,html5的技术男们也不甘落后,推出了"全民寻找房祖名".
看你有多色:"看你有多色"是一款基于html5技术的小游戏,上线仅仅一天单日注册用户就突破千万.
支付宝"十年账单":2014年12月8日,支付宝发布十年对账单,网购族可以查询十年来个人通过支付宝支付的金额.一时之间,微信朋友圈就立马被各种"触目惊心"、"不忍直视"的截图占据了.
很多营销活动在外人看来是充满策划的，而我们自己心里清楚，或许它只是一次不小心的意外。7 月份，超过 10000 人自发付钱为 Ping++ 代言，超过 500 万人在朋友圈看到了 Ping++，而这一切都不过源于一个 HTML5 的 Demo。
一个无心插柳的铺垫
2015 年 6 月 8 日，Ping++ 开始支持 HTML5，为了在线下活动中宣传这一功能，我们做了一个 HTML5 的 Demo 应用。任何人都可以扫码付 1 分钱，来体验 Ping++ 支付。
2015 年 6 月底，我们为 Demo 增加了一个累加计数，数字的累加对应交易笔数，这样做的最初目的，只是为了单纯记录每场活动的体验人数，评估活动效果。
2015 年 7 月初，为了展示目前为止体验 Ping++ 支付的总人数，我们把转发朋友圈的分享语改成了「我是第 *** 个为 Ping++ 支付代言的人」。
一场有心栽花的活动
2015 年 7 月 16 日下午 16:24，Ping++ CEO 金亦冶在朋友圈分享了「Ping++ 支付」，有了之前活动的累积，此时，他是第 719 个代言人。
朋友圈里陆续有些好友也开始分享，大家一方面表示支付体验很流畅，另一方面很想刷出自己期待的那个数字，比如希望是第 1111 个为 Ping++ 代言的人。截至晚上 20:00，已经有 1000 多人为我们代言。
当越来越多的人截图告诉我们他们的朋友圈开始被 Ping++ 刷屏的时候，我们意识到这可能是一个很好的营销机会，只是问题来了：如何能够鼓励大家参与？
引起传播的主要因素是分享到朋友圈后代言的那个数字，于是我们在 HTML5 中添加了几个规则：凡是分享出来后是 100 的倍数、1024 的倍数、或者任何他觉得可以谐音成特殊含义的数字， Ping++ 都愿意赠送一份礼物。
如果说前 2 个规则让大家开始像着了魔一样的付钱来凑成 100 的倍数，那最后一个谐音数字就把这场活动完全变成了一个游戏。我印象最深刻的是第 5482 个代言人，他截图找我们要礼物，我们问这个数字有什么创意，他说：我是爸啊（5482）。
到 7 月 19 日，为 Ping++ 代言的总人数超过 10000 人。
一个事后诸葛的回顾
从最初的一个为了演示产品的 Demo，到最后变成了一场 10000 多人参与的营销刷屏事件，很多东西的确是事先无法估计的。但我们任然愿意事后诸葛地分析一下这次营销事件，并看看它是如何满足病毒传播的黄金三点的：UGC（用户生成内容），差异化，顶层传播。
1. UGC （用户生成内容）。所有的「我是第 *** 个为 Ping++ 支付代言的人」的宣传语里，每一个人的数字都不一样，所以说明这个链接是个人自己产生的。而且只有分享出来才能看到自己的数字，所以也间接鼓励了大家分享传播的意愿。
2. 差异化。一般的传播都是付钱才推广的，像微信群里经常发生的红包求转发一样。但在这次 Demo 活动里，大家是需要付钱（虽然只有一分钱）才可以为 Ping++ 代言的。这是一个非常不一样的体验，差异化就这样出现了。
3.顶层传播。由于最早开始转发的人都是从 Ping++ CEO 的朋友圈看到的，他们中大多数人又都是创业圈和投资圈的，属于有一定影响力的人群。社交属性里越是来自于社交中心的信息越容易持续传播，从而产生病毒效应。
而从这个 HTML5 Demo 本身来看，它也在很多细节上也为这次传播起到了非常关键的作用：
1. 一目了然的 HTML5 首页，你打开的这个 HTML5 页面是 Ping++ 支付，它让你七行代码接入支付。并且在「体验 Ping++ 支付」按钮上做了呼吸灯效果的设计，让你非常有好奇心进入下一步。
2. 进入到订单页面时，页面只有商品和金额，我们的诉求很简单，只是希望你能体验下而已，所以我们把金额只设成了一分钱。
3. 支付的过程一定要流畅，所以我们没有做页面跳转，所有的渠道以一种柔和的方式从页面底部滑上来，这里，就是 Ping++ 集成的你熟悉的所有渠道。
4. 为了让支付完成后带来最大限度客户转化，我们根据 IP 地址来显示不同地域的 BD 负责人微信二维码。只希望让用户感知到，整个体验背后，我们的团队会随时出现为你提供服务。
5. 我们相信每个人都不愿意自己分享到朋友圈的文字都是无趣的，所以我们把分享语都变得有使命感且有趣。大家用代言人的身份向朋友保证，Ping++ 是一个好产品。
如果说这次活动我们做了什么真正值得自己骄傲的，那就是将支付过程做的顺畅柔和，才会有第 1 个，第 100 个，第 10000 个用户自费为我们代言。而这也是我们写下这篇文章的初衷：让大家看到，支付就应该是这样，只要需要支付，随时随地都可以，就像大厦接入电力一样简单、方便和温暖。
正好以前做过3期介绍H5案例的微信公号文章，当时介绍了大概30个，现在关注公号的话还可以看到这些案例。一句，人在深圳，心在听海。
一句，这座城市不是我的故乡，但有我的主场。
在这个H5的最后，小海洋的创作团队说这是献给深圳的第一份新年礼物。
这份新年礼物，轻轻地，就撩动了那些独在异乡为异客的心扉。
“kindle·爱上读来读往”
Kindle这个H5洞察到了那些忠于阅读的人最常有的一个场景：因为某本书里的某一句话，神思良久。
有一组调查数据说，中国人年均读书0.7本。
与韩国人的人均7本，日本的40本，俄罗斯的55本相比，中国人的阅读量少得可怜。
其实大可不必杞人忧天，因为阅读，不是一件别人能唤醒的事，是一件自我觉醒的事。
而自我觉醒，交给时间好了。
“首草先生的情书”
在这个H5里，首草没有选择呈现过多的互动技巧，只是静静地用大段文案和黑白影像向你诉说一段男人的心路。
他追忆往昔，又追想来日，字里行间，都是真心爱过的话。
你可以试着一字一句抄录这个H5的文案，有种很奇妙的体验。
就像坐在田野里，那些蛙鸣和钟声，在身边，又像在天边。
“阿里巴巴·明星电商影响力盘点”
其实，真正的娱乐精神，背后隐藏的都是一颗严肃专业的心。
就好比写这样的文案，你得善于转换身份，切换自己的代入角色。
时而扮演八卦狗仔，时而装成鲜肉花痴，时而表演萌系星人，时而闯入二次元空间，还得让自己看上去是一个CP爱好者，那些亚文化的词，随手拈来……
反正一句话，你得脑洞大开，开出一片脑浆花来。
圣诞老人拯救计划
Same在圣诞节推出了一款名为《圣诞老人拯救计划》的H5小游戏，操作非常简单，只需用手指交替上滑，把角色的脖子向上拉到无限长，游戏会记录你拉的最高距离，跟朋友比一比谁比较长。界面清新可爱，与Same的招牌画风一致，游戏角色也是Same的品牌角色，通过幽默恶搞的游戏向用户传达Same独到有趣的产品文化。
自从神经猫疯狂地转发后，H5就受到了众多营销人的关注，从此H5也被更多人所知晓，并且市面上不断涌现出各种各样的H5，有些则被广泛地转发与传播，而另外一些却只能无声无息地静默了，虽然大家在研发阶段都付出了不少的投入。说到底低成本、高回报的h5营销案例才是好案例！
可以参考体验以下由各个品牌与联众互动合作开发的h5案例：
滑屏类（康佳腾讯之夜）
这款邀请函从第一页到最后一页都贯穿着从创意策划到技术开发的成熟，每一个页面过度动画以及页面内动画都经过精心的设计，让用户在阅读时更加感受到有趣，巧妙地把品牌信息传递出去。
擦拭版（宝能·all city）
带有互动性的擦拭版邀请函，需要用户用手擦拭和点击才可以呈现出邀请函的正页，并且结合精美的过度动画，给用户一种与众不同的体验，可以比一般泛滥、枯燥的H5邀请函更具创意地将品牌信息呈现出来。
趣味游戏类（飞亚达·撕名牌）
虚拟众筹（海岸城美妆节）
助力类型的H5倍受青睐，它极易促使用户传播分享，使得传播面更广、效率更快，在最短时间内把品牌信息传递到用户的手机当中。
抢红包系列（万科广场·抢红包）
免费送的思维营销，通过“抢”的形式来吸引大量的用户参与其中，让商家在H5的传播过程中把用户沉淀了下来，并且非常高效。
H5的研发与传播必须要形成从创意设计、技术开发、互动传播、数据挖掘的一站式互动营销模式，关注联众互动微信公众平台（i-lzcn），体验更多精彩h5案例
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
