(完整版)优秀的H5营销案例分享
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
通过字体或者颜色的视觉跳跃引起读者的注意，而且不要长期使用同一 个格式，因为当用户习惯了固定的格式之后会不自觉的忽略这些内容。
此外，自定义菜单也是需要充分利用的功能，一般来说新增粉丝都会浏 览一遍公众号的菜单，根据我们的数据监测，平均每个菜单项会有20% 的新增粉丝点击。假如你的账号每天能有500个粉丝增长，就会有100个 人以上点击了菜单的某一项，因为这是持续进行的主动行为，由此为H5 带来的浏览量可能比图文群发还要高。
2、营销推广只索取的态度无法 长久
未来应用经常建议客户投放微信广点通广告，我们觉得在微信里传播 就要遵守微信的游戏规则，不应该只想从微信里摄取东西，而应该转 变思维，想想我们给微信贡献了什么？我们给用户带来了什么？你给 微信贡献的越多你的回报也会越大。如果有一款H5之所以能在微信朋 友圈里成功，主要还是创意和制作人要始终站在为微信用户思考的角 度来制定H5策略的，我们要做让用户喜爱的“广告”，用户才会分享 转发，而不是靠强制性的要求和诱导，这种结果最终会被用户投诉， 甚至被封。
百度智呼吸，吹一口神仙气： 非一般的重力感应
你只要对着手机吹口气，就能知道自己的健康值 ： 第一步，把手机水平放好； 第二步，深呼吸； 第三步，对着手机下方吹一口气。几秒钟后，你 的健康值就出来了，同时附有这口气各种成分的数 值，非常全面。
可口可乐 我们在乎： 这是一份“会动”的CRS报告
H5营销误区？
1、幻想凭一款H5能一夜成名
期望高、投入少，许多市场营销人员，特别是老板，都希望靠一款没 有任何推广投入的H5一夜成名，但现在这种情况在微信朋友圈里已经 不可能出现了。
H5页面的推广方式乏善可陈，无外乎朋友圈分享和微信公众号推广， 但目前的H5营销无论是在表现形式还是内容创意上，依旧面临着很大 的挑战，同时微信朋友圈的用户对日渐增多的泡沫信息感到疲劳，产 生了某种程度上的抵抗力；而微信公众号的暴增则让打开率和阅读量 持续走低，想让一款H5一夜爆红的可能性不是没有，但的确是越来越 小了。在整个H5的产出中所占的比例也会低到令营销人员所难以忍受 的地步。
H5从一个与父母聚少离多的小故事讲起，通过催 人泪下的文案和煽动人心的音乐引发共鸣，然后 与“家和万事兴”的主题紧密贴合，最终号召网 友“按手印”表达支持。
H5和APP相比有哪些优势？
跨终端、跨平台， 节省开发和运维
开发
用户
无需下载，降低 门槛，同步更新
产业
打破应用市场垄 断，专注开发
营销
社会化分享基因 ，传播渠道广
5、作品同质化现象严重
很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示 、抽奖等等，但大多数作品的同质化现象很严重，无论是形式上，还 是内容创意上。这对营销人员和制作人员的要求逐渐在提高，挑战也 越来越大，想随随便便做一款能够引起注意的作品并不容易。
6、寄人篱下不确定性大
H5之所以能一下子爆火，微信的功劳最大，但是微信正把H5最优质的 入口收紧——朋友圈分享红利正在逐渐消失。这里作品的特点是受平 台政策影响较大，未来具有不确定性。微信在近期出台了针对朋友圈 分享的政策限制，诱导关注与分享，初犯将会面临封号30天、拦截链 接、删除诱导增加的粉丝和关闭流量主的处罚，二次违规将直接永久 封号。而且转发量超过一定数量后微信就会屏蔽朋友圈，意味着未来 微信里再也不易出现花费很少的钱获得流量破千万的H5。
2014百度世界： 美轮美奂的邀请函
标杆案例如今年的百度世界大会，将会议邀请和 星空元素紧密结合：在一片唯美的星空背景之上 ，每划过一道流星，就浮现出一位意见领袖对移 动互联网的看法和愿景，最后是会议的时间地点 ，并可进行在线抢票。
巴宝莉 从伦敦到上海的旅程： 堪称互动体验派的集大成者
前面几个例子都是“专业人才”，在技术的运用 上各精一道，或是触屏，或是多媒体，或是重力 感应。当然还有集各项技术于一身的“全才”， 这里最有名的要数巴宝莉“从伦敦到上海”的旅 程。
2、尽你所能利用所有能推广H5 的渠道。
目前比较常用的方式：通过公众号的图文群发推广、微信群推广、线 下二维码推广，以及前面提到的KOL转发和投稿等。这里主要说一下 有关微信群的几点建议。
首先，你需要列出所有你能用到的资源，并发动内部人员转发，当然 前提是H5做得很棒。值得注意的一点是，每个微信群其实都有自己的 定位——工作、生活或者闲聊扯淡，所以为了提升打开率可以适当的 为不同的微信群定制转发的文案，对于工作学习为主的群可以是“品 牌H5做成这样也是蛮拼的！”，如果是更加生活化的群就可以是“史 上最好玩的H5应用，根本停不下来”之类的，但是如果H5的调性实在 和微信群的定位不搭，建议不要造成打扰。
围住神经猫： 堪称一代流行小游戏之标本
神经猫体态妖娆，形象贱萌，表情风骚， 不断在屏幕中扭来扭去，勾引玩家发起毫 不留情地围剿。
游戏上手简单，又有一定的数学挑战性； 在醒目位置添加网络流行俗语；引入竞争 机制，撩拨玩家的攀比心态。
全民寻找房祖名： 热点新闻催生出的单细胞生物
14年8月，柯震东、房祖名相 继跳入毒坑，于是此H5游戏 应运而生。你只需在一群柯震 东的头像里捞出唯一一个房祖 名。
3、H5本身还存在技术问题
作为一项本来还不太成熟的技术，H5是在微信的社交舞台下才大放异 彩的。目前看，H5的问题依旧比较多，技术上还有很多不足需要改进 ，比如页面切换白屏、下拉菜单不流畅、多个音频播放不流畅、移动 设备件的接口API少等，无法扫描二维码、无法用语音输入、无法一键 分享到朋友圈。这些对营销人员来说，都是一个个掩藏在脚下的深坑 ，一不留神就掉进去了。
优秀H5营销案例分享
H5是什么，可以做什么？
H5原本是一种制作万维网页面的标准计算机语言，由HTML5简化而来 的词汇，如今却借由微信移动社交平台，走进大家的视野。
从营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、 视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核 心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、 互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营 销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的 契机，也为移动互联网营销开辟了新渠道。
THANK YOU！
3、充分利用“阅读原文”和自 定义菜单。
由于微信的限制，图文中唯一能跳转的链接就是“阅读原文”。关于如 何利用好“阅读原文”有三点小tips：
不要浪费每一篇图文的“阅读原文”，可能的话对于每一篇图文用不同 的文案引导点击；
如果你的目的是推广H5，不要在阅读原文的提示之后或者阅读原文引导 和正文之间插播公众号的广告；
要进入这个浑身上下散发着浓浓文艺气息的H5， 第一步，得先“摇一摇”；第二步，点击屏幕进 入油画般的伦敦清晨；第三步，摩擦屏幕使晨雾 散去；第四步，点击“河面”，河水泛起涟漪； 最后点击屏幕上的白点，达到终点站上海。
习、奥是这样夜游中南海的： 为可视化软文提供参考
该H5把中美两位政治大佬的夜游中南海的信息传 播得通通透透，各种场景切换，使读者如临其境 、如见其人、如闻其声。
目前需要注意的是：1）、分享的图片和自定义接口已变更，请注意修 改；2）、请勿在标题中涉及分享赢大礼、100%中奖等恶意诱导的关 键词；3）、分享页面需部署在拥有ICP备案的域名上。
7、机型成千上万适配难度大
刚刚开始做H5的企业面临的第一个问题就是，机型适配，由于手机的 型号繁多，系统、屏幕都不一样，所以在显示和一些功能性的接口开 发时都会耗费一些时间，如果你是刚刚入手希望能做个热门的h5应用 ，那么初期机型的适配会让你吃一番苦头，不过幸亏这个还是可以解 决的，比其他前面的那些坑，这简直是小巫见大巫。
这给品牌活动带来很大启示——想要告别过去干 燥无味的新闻稿吗？可视化新闻为你提供了一种 给力的选择，尤其是现场活动的呈现，多媒体形 式更具传播性。
央视春晚 家和万事兴： 内容的共鸣才是王道
“我们对世界微笑，彬彬有礼，却带着一身疲惫 和抱怨回到家里；我们在外拼命售卖自己的观点 ，却懒得和父母解释我在忙什么。
以前段时间席卷朋友圈的可口可乐“我们在Байду номын сангаас” 为例，它的真身本是一份肩负企业CSR重任的“ 可持续发展报告”，内容虽力求形象但扔难掩厚 重。
为了在社交时代更接地气，可口可乐尝试用H5为 报告“瘦身美容”：选取报告中的部分核心数据 ，共十五页画面，直观展现可口可乐的努力，变 成适应网络传播特点、特别是移动端观看及分享 需求的形式。
维多利亚的秘密： “摩擦摩擦”技能首创者
“互动体验派”的大师姐是内衣品牌维多 利亚的秘密，她出师早，名声也响，成名 技为“摩擦有惊喜”。
此H5游戏为预热七夕而设计：首页是一幅 经过雾化处理的照片，用户只需用手指摩 擦屏幕，就会有一位性感女郎浮出水面， 继续浏览下去则是品牌介绍，最后到达内 衣抢购页面。
4、易抄袭且缺乏知识产权保护
如果你运气，通过千辛万苦做一款好的H5应用，例如像神经猫那样， 那么比你更开心的一定是其他抄袭者，他们可以轻易的把你的H5抄下 来，换成他们的域名挂上去，然后再把广告联系方式改成他们自己的 。神经猫、2048等就衍生出许多版本，大部分人可能都没有访问过原 版（因为抄袭和模仿者太多），抄袭的轻者换域名，更厉害的是把你 的创意拿去然后在短时间内做一个比你更好的游戏或者应用，让你的 泪儿哭干。
“找祖名”更倾向于眼力的比 拼——也就是说，更弱智。然 而越傻瓜，就越流行。
杜蕾斯 一夜N次郎： 小杜杜就是个品牌游戏定制狂
品牌乐于高级定制，首先肯定合身，然后 款式也多选，既可以根据品牌特性开发原 创游戏，也可以选择在经典游戏中融入品 牌元素。
小杜杜就是游戏“高定”的爱好者，推出 过《我要持久》、《杜杜line一发》《一 夜N次郎》等多款作品。以“N次郎”为例 ，其实是经典游戏“别踩白块儿”的山寨 版。
H5怎么推广？
1、从用户角度挖掘H5的价值点， 写一篇软文。
通过图文群发来推广H5无疑是最重要的方式，但是如果只是简单硬性 推广，比如宣布今天我们上线了一个高大上云云的H5，然后就让用户 点击“阅读原文”自己看，显然这种新闻通稿式的推广不会有太好的 效果。
一个好的H5一定具备打动用户的价值点，从一个角度切入写一篇软文 ，无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效 果。投入再大再精彩的H5，如果没有好的推广就只能孤芳自赏，所以 哪怕是留点推广预算也是值得的
此外，自定义菜单也是需要充分利用的功能，一般来说新增粉丝都会浏 览一遍公众号的菜单，根据我们的数据监测，平均每个菜单项会有20% 的新增粉丝点击。假如你的账号每天能有500个粉丝增长，就会有100个 人以上点击了菜单的某一项，因为这是持续进行的主动行为，由此为H5 带来的浏览量可能比图文群发还要高。
2、营销推广只索取的态度无法 长久
未来应用经常建议客户投放微信广点通广告，我们觉得在微信里传播 就要遵守微信的游戏规则，不应该只想从微信里摄取东西，而应该转 变思维，想想我们给微信贡献了什么？我们给用户带来了什么？你给 微信贡献的越多你的回报也会越大。如果有一款H5之所以能在微信朋 友圈里成功，主要还是创意和制作人要始终站在为微信用户思考的角 度来制定H5策略的，我们要做让用户喜爱的“广告”，用户才会分享 转发，而不是靠强制性的要求和诱导，这种结果最终会被用户投诉， 甚至被封。
百度智呼吸，吹一口神仙气： 非一般的重力感应
你只要对着手机吹口气，就能知道自己的健康值 ： 第一步，把手机水平放好； 第二步，深呼吸； 第三步，对着手机下方吹一口气。几秒钟后，你 的健康值就出来了，同时附有这口气各种成分的数 值，非常全面。
可口可乐 我们在乎： 这是一份“会动”的CRS报告
H5营销误区？
1、幻想凭一款H5能一夜成名
期望高、投入少，许多市场营销人员，特别是老板，都希望靠一款没 有任何推广投入的H5一夜成名，但现在这种情况在微信朋友圈里已经 不可能出现了。
H5页面的推广方式乏善可陈，无外乎朋友圈分享和微信公众号推广， 但目前的H5营销无论是在表现形式还是内容创意上，依旧面临着很大 的挑战，同时微信朋友圈的用户对日渐增多的泡沫信息感到疲劳，产 生了某种程度上的抵抗力；而微信公众号的暴增则让打开率和阅读量 持续走低，想让一款H5一夜爆红的可能性不是没有，但的确是越来越 小了。在整个H5的产出中所占的比例也会低到令营销人员所难以忍受 的地步。
H5从一个与父母聚少离多的小故事讲起，通过催 人泪下的文案和煽动人心的音乐引发共鸣，然后 与“家和万事兴”的主题紧密贴合，最终号召网 友“按手印”表达支持。
H5和APP相比有哪些优势？
跨终端、跨平台， 节省开发和运维
开发
用户
无需下载，降低 门槛，同步更新
产业
打破应用市场垄 断，专注开发
营销
社会化分享基因 ，传播渠道广
5、作品同质化现象严重
很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示 、抽奖等等，但大多数作品的同质化现象很严重，无论是形式上，还 是内容创意上。这对营销人员和制作人员的要求逐渐在提高，挑战也 越来越大，想随随便便做一款能够引起注意的作品并不容易。
6、寄人篱下不确定性大
H5之所以能一下子爆火，微信的功劳最大，但是微信正把H5最优质的 入口收紧——朋友圈分享红利正在逐渐消失。这里作品的特点是受平 台政策影响较大，未来具有不确定性。微信在近期出台了针对朋友圈 分享的政策限制，诱导关注与分享，初犯将会面临封号30天、拦截链 接、删除诱导增加的粉丝和关闭流量主的处罚，二次违规将直接永久 封号。而且转发量超过一定数量后微信就会屏蔽朋友圈，意味着未来 微信里再也不易出现花费很少的钱获得流量破千万的H5。
2014百度世界： 美轮美奂的邀请函
标杆案例如今年的百度世界大会，将会议邀请和 星空元素紧密结合：在一片唯美的星空背景之上 ，每划过一道流星，就浮现出一位意见领袖对移 动互联网的看法和愿景，最后是会议的时间地点 ，并可进行在线抢票。
巴宝莉 从伦敦到上海的旅程： 堪称互动体验派的集大成者
前面几个例子都是“专业人才”，在技术的运用 上各精一道，或是触屏，或是多媒体，或是重力 感应。当然还有集各项技术于一身的“全才”， 这里最有名的要数巴宝莉“从伦敦到上海”的旅 程。
2、尽你所能利用所有能推广H5 的渠道。
目前比较常用的方式：通过公众号的图文群发推广、微信群推广、线 下二维码推广，以及前面提到的KOL转发和投稿等。这里主要说一下 有关微信群的几点建议。
首先，你需要列出所有你能用到的资源，并发动内部人员转发，当然 前提是H5做得很棒。值得注意的一点是，每个微信群其实都有自己的 定位——工作、生活或者闲聊扯淡，所以为了提升打开率可以适当的 为不同的微信群定制转发的文案，对于工作学习为主的群可以是“品 牌H5做成这样也是蛮拼的！”，如果是更加生活化的群就可以是“史 上最好玩的H5应用，根本停不下来”之类的，但是如果H5的调性实在 和微信群的定位不搭，建议不要造成打扰。
围住神经猫： 堪称一代流行小游戏之标本
神经猫体态妖娆，形象贱萌，表情风骚， 不断在屏幕中扭来扭去，勾引玩家发起毫 不留情地围剿。
游戏上手简单，又有一定的数学挑战性； 在醒目位置添加网络流行俗语；引入竞争 机制，撩拨玩家的攀比心态。
全民寻找房祖名： 热点新闻催生出的单细胞生物
14年8月，柯震东、房祖名相 继跳入毒坑，于是此H5游戏 应运而生。你只需在一群柯震 东的头像里捞出唯一一个房祖 名。
3、H5本身还存在技术问题
作为一项本来还不太成熟的技术，H5是在微信的社交舞台下才大放异 彩的。目前看，H5的问题依旧比较多，技术上还有很多不足需要改进 ，比如页面切换白屏、下拉菜单不流畅、多个音频播放不流畅、移动 设备件的接口API少等，无法扫描二维码、无法用语音输入、无法一键 分享到朋友圈。这些对营销人员来说，都是一个个掩藏在脚下的深坑 ，一不留神就掉进去了。
优秀H5营销案例分享
H5是什么，可以做什么？
H5原本是一种制作万维网页面的标准计算机语言，由HTML5简化而来 的词汇，如今却借由微信移动社交平台，走进大家的视野。
从营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、 视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核 心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、 互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营 销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的 契机，也为移动互联网营销开辟了新渠道。
THANK YOU！
3、充分利用“阅读原文”和自 定义菜单。
由于微信的限制，图文中唯一能跳转的链接就是“阅读原文”。关于如 何利用好“阅读原文”有三点小tips：
不要浪费每一篇图文的“阅读原文”，可能的话对于每一篇图文用不同 的文案引导点击；
如果你的目的是推广H5，不要在阅读原文的提示之后或者阅读原文引导 和正文之间插播公众号的广告；
要进入这个浑身上下散发着浓浓文艺气息的H5， 第一步，得先“摇一摇”；第二步，点击屏幕进 入油画般的伦敦清晨；第三步，摩擦屏幕使晨雾 散去；第四步，点击“河面”，河水泛起涟漪； 最后点击屏幕上的白点，达到终点站上海。
习、奥是这样夜游中南海的： 为可视化软文提供参考
该H5把中美两位政治大佬的夜游中南海的信息传 播得通通透透，各种场景切换，使读者如临其境 、如见其人、如闻其声。
目前需要注意的是：1）、分享的图片和自定义接口已变更，请注意修 改；2）、请勿在标题中涉及分享赢大礼、100%中奖等恶意诱导的关 键词；3）、分享页面需部署在拥有ICP备案的域名上。
7、机型成千上万适配难度大
刚刚开始做H5的企业面临的第一个问题就是，机型适配，由于手机的 型号繁多，系统、屏幕都不一样，所以在显示和一些功能性的接口开 发时都会耗费一些时间，如果你是刚刚入手希望能做个热门的h5应用 ，那么初期机型的适配会让你吃一番苦头，不过幸亏这个还是可以解 决的，比其他前面的那些坑，这简直是小巫见大巫。
这给品牌活动带来很大启示——想要告别过去干 燥无味的新闻稿吗？可视化新闻为你提供了一种 给力的选择，尤其是现场活动的呈现，多媒体形 式更具传播性。
央视春晚 家和万事兴： 内容的共鸣才是王道
“我们对世界微笑，彬彬有礼，却带着一身疲惫 和抱怨回到家里；我们在外拼命售卖自己的观点 ，却懒得和父母解释我在忙什么。
以前段时间席卷朋友圈的可口可乐“我们在Байду номын сангаас” 为例，它的真身本是一份肩负企业CSR重任的“ 可持续发展报告”，内容虽力求形象但扔难掩厚 重。
为了在社交时代更接地气，可口可乐尝试用H5为 报告“瘦身美容”：选取报告中的部分核心数据 ，共十五页画面，直观展现可口可乐的努力，变 成适应网络传播特点、特别是移动端观看及分享 需求的形式。
维多利亚的秘密： “摩擦摩擦”技能首创者
“互动体验派”的大师姐是内衣品牌维多 利亚的秘密，她出师早，名声也响，成名 技为“摩擦有惊喜”。
此H5游戏为预热七夕而设计：首页是一幅 经过雾化处理的照片，用户只需用手指摩 擦屏幕，就会有一位性感女郎浮出水面， 继续浏览下去则是品牌介绍，最后到达内 衣抢购页面。
4、易抄袭且缺乏知识产权保护
如果你运气，通过千辛万苦做一款好的H5应用，例如像神经猫那样， 那么比你更开心的一定是其他抄袭者，他们可以轻易的把你的H5抄下 来，换成他们的域名挂上去，然后再把广告联系方式改成他们自己的 。神经猫、2048等就衍生出许多版本，大部分人可能都没有访问过原 版（因为抄袭和模仿者太多），抄袭的轻者换域名，更厉害的是把你 的创意拿去然后在短时间内做一个比你更好的游戏或者应用，让你的 泪儿哭干。
“找祖名”更倾向于眼力的比 拼——也就是说，更弱智。然 而越傻瓜，就越流行。
杜蕾斯 一夜N次郎： 小杜杜就是个品牌游戏定制狂
品牌乐于高级定制，首先肯定合身，然后 款式也多选，既可以根据品牌特性开发原 创游戏，也可以选择在经典游戏中融入品 牌元素。
小杜杜就是游戏“高定”的爱好者，推出 过《我要持久》、《杜杜line一发》《一 夜N次郎》等多款作品。以“N次郎”为例 ，其实是经典游戏“别踩白块儿”的山寨 版。
H5怎么推广？
1、从用户角度挖掘H5的价值点， 写一篇软文。
通过图文群发来推广H5无疑是最重要的方式，但是如果只是简单硬性 推广，比如宣布今天我们上线了一个高大上云云的H5，然后就让用户 点击“阅读原文”自己看，显然这种新闻通稿式的推广不会有太好的 效果。
一个好的H5一定具备打动用户的价值点，从一个角度切入写一篇软文 ，无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效 果。投入再大再精彩的H5，如果没有好的推广就只能孤芳自赏，所以 哪怕是留点推广预算也是值得的