吴亦凡即将入伍的手游推广H5如何制作

　　今日午后，高冷的我闲刷朋友圈，惊奇地发现朋友圈被“吴亦凡即将入伍”的消息刷屏了。然并卵!吴亦凡是谁?!可以吃么?!哥只关心这么狂拽炫酷吊炸天的H5是怎么实现的，好吗?

　　海报式营销刷屏了朋友圈大半年，现在终于换了新花样，以燎原之势迅速攻陷朋友圈，于今天早晨冲上高潮。这也让此前一直被视为“营销鸡肋”的H5咸鱼翻身，身价一夜暴涨。

　　H5全称为Html5，是程序猿们帮助机器表达和沟通的另一种语音。H5并非一直待字闺中人未识，此前火过一阵的神经猫，就是H5制造出来的妖孽，只不过是以游戏呈现，互动性更强，更容易传播。据悉，本次营销是腾讯与蓝标联手策划，相比神经猫，此次的纯信息展现的H5页面，传播起来难度更大。

　　这个H5广告存在两个版本，一个是PC端，一个是移动端。下面哥就分别介绍一下。

　　【PC端】

　　纯Flash实现。原生普通页面，呈现出腾讯新闻的娱乐频道页，腾讯娱乐频道页呈现出新闻(文字)+视频(内嵌播放器)，然后转为flash拉拽页面切换场景的效果。电话实现部分只有“接通”按钮可以使用，目的是为了跳转最后的通话视频。

　　【移动端】

　　page1，也就是新闻的那一页，是分开的dom 也是视频，花屏开始是全屏的视频;

　　page2，接电话是图背景+按钮;

　　page3，通话页面整个背景是视频，点击出现挂电话按钮，通话按钮的图在页面最上层。

　　哥只能帮你到这里了，营销汪和程序员们，学起来吧!（卡巴斯基佬）