h5广告与html5,那些刷爆朋友圈儿的H5广告大揭秘

编者按：在过去几年里，谷歌不断在为Flash广告的淡出默默的做着努力。Flash拖低了载入速度、耗电大的毛病极大的影响了用户体验，而更安全也更灵活的HTML5无疑是取代flash开启美丽新世界的最好替代品。所以，HTML5一统江湖的一天终于来了？

1、为什么是H5

再谈H5之前，还是有必要说一下Flash的失宠。虽然Flash陪伴我们度过了长长的web时代，但是，移动时代的到来，让H5的地位江河日下，2010年乔布斯洋洋洒洒的《Flash之我见(Thoughts on Flash)》就从苹果的角度出发，指出了Flash的很多问题：

第一，触摸问题。Flash由于它的大小不能缩放，这在移动终端上是致命的弱点。毕竟，在手机和平板成为主流的今天，任何人都不可能容忍不适配屏幕大小的东西，更何况是广告。

第二，耗电量大。对于手机不满电出门没有安全感的我们来说，Flash自身耗电强的特点，是万万不能忍。毕竟，谁也不想使用五分钟，充电2小时吧。

第三，Flash耗流量。

第四，安全性差。在2009年，Flash就进过最差安全纪录的黑名单。

第五，需要安装插件。而移动端根本就没有这个功能。

第六，无法创新。也是最重要的一点。乔布斯在文中指出：“如果开发者越来越依赖于第三方开发库和工具，他们将只有在该第三方决定采用系统新特性的时候，才能够充分利用系统平台改进的成果。”这也是H5为什么可以取代Flash的原因所在：一个最具创新性的平台，是共赢的政策。

2、H5到底是个啥

朋友圈转发率高的，不仅有养生鸡汤，还有创意H5。那好奇的糖宝不禁要问，什么是H5？什么才算成功的H5?

H5，简而言之就是利用HTML5技术实现的广告形式。

那什么才算成功的H5？糖糖举个例子，和你一起体验一下今夏最潮的H5案例。

穿越故宫来看你

这款H5是由腾讯NEXT IDEA和故宫铁手推出的，目的是举办创新大赛。这款H5在推出后，马上以燎原之势席卷了朋友圈。这个16年下半年火的第一个H5，这个现象级的H5堪称“魔性”，347万浏览量，真的是很故宫。那么，究竟为什么这款游戏那么火呢？

好奇心：文化故宫VS网红故宫

故宫博物院本身就是一个世界知名的超级大IP，一直以来，故宫博物院给人的感觉就是“曲高和寡”，所以故宫很多时候在文化传承上是存在着障碍的，因为普通老百姓看不懂不爱看。这次故宫推出的H5，成功勾起了大家的好奇心，是一次成功的去神秘化试验，让深宫大院里的传统文化走入寻常百姓家。这种巨大的反差萌，造就了如此高的传播度也是很正常的。

交互感：严丝合缝的专场

有句话说：“99%的H5死在前3秒”，而《穿越故宫来看你》能够吸引受众停留长达56.8秒。数据分析，故宫H5的39%访问者停留时长达到81—160秒，然而PV Top100的H5仅能吸引大约11%的访问者停留达到相同时长。

不难发现，故宫H5的吸引力之所以更强，是因为每一个画面都经过严密的逻辑串起来，比如说朱元璋从画面中跳出来，然后开始唱RAP，再到他发送的朋友圈，嫔妃纷纷点赞，这些转场都是为了吸引观众保持注意力，继续看下去。最终能够来到H5的最核心部分，悬念揭晓。先帮用户塑造一个手机使用场景，再打破这个场景，从而做到“情理之中，意料之外”的效果。让用户愿意花更长的时间来阅读。

吸睛术：创意先行，让人眼花缭乱

创意是H5的生命力所在，这则招贤纳士的H5选用了RAR的形式，“轻快的都要跟着抖起来”(网友语)。文案也是十分贴合地气的，选用了建立故宫的皇帝朱元璋来做故宫的代言人，因为本次是创意大赛，所以很多细节都是展现参赛内容的。下图就是体现“创意动画和表情设计”部分，意为：如果你有此类或者更好的创意，就来报名吧！

3、H5就是完美无缺的吗？

对于H5，业界也不全是赞美之声。有两个观点尤为突出：

1、用户黏性小

H5的生命期只有2-3天左右，短短的生命期内是很难维持用户黏性的，即使刚开始火爆的不行的热门，过不了几天也会乏人问津、门可罗雀。所以，H5究竟是要做流量入口还是内容分发，是一开始就需要想好的。做流量，就要找准关键点，做的用户乐于分享，急于转发。做内容就需要潜移默化的在用户心中构建起一种“产品能做什么”的价值认同。

2、制作不难，创意难

虽然H5看似制作成本在不断下滑，但是创意成本不断攀升。一个好的H5，背后所付出的当然也是巨大的。比如别人家的H5《穿越故宫来看你》，就经过了5、6轮的创意筛选，最后才拟定的创意方向。将要表达的信息以很有态度的方式传递出去，有内容，够好玩，这可能就是每一个好作品的共通之处。

4、如何制作一个好的H5？

如何制作一个好的H5?Digtalday给了我们几个好的建议。

1、轻内容

H5，天性需要轻内容。所以适当给内容瘦身可以帮助用户聚焦，并且改善用户体验。

2、视频，少就是多

如果视频是必备的，尽可能的缩短它。理想情况下，应该用5秒钟，先叙事，再播放视频，毕竟视频会拖缓流量，用户可没有那个耐心。

3、易于保存

减少H5广告所耗费的流量，使它更加易于保存。

4、交互更多

交互更加灵活，与用户更多的互动，就会让人在你的H5广告上停留更多的时间。

5、花时间在测试上

与Flash相比，H5是新的领域。它可以适应不同的平台，从移动设备到电脑，但这意味着更可能出错，所以早期测试每个组件是必须的。

6、创意制胜

如果创意很强大的话，它可以不受任何形式的限制，即使是H5，如果视频适合，我们就去做视频，如果Gif合适，我们甚至可以做Gif。H5很重要，创意更重要。

(作者：李雪；责任编辑：范莹滢；来源：话媒糖公众号；原标题：当《华盛顿邮报》“约会”Medium “读推”模式能否带来点击率飙升？；记者网已获授权)