一个刷屏H5游戏 案例复盘 及 源码分析
Posted 风巢
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个刷屏H5游戏 案例复盘 及 源码分析相关的知识,希望对你有一定的参考价值。
缘起
游戏玩法如下(注:GIF动图下方有红色播放进度条):
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/954d8ddf3f4e4b4582ff92bfc42ba120.jpg)
下面介绍此游戏 引流套路,并进行 源码分析。
引流套路
像这种 听音选图/情境 的小游戏我还是首次见到,新颖性 给满分,游戏结束后左下角有个「人格解读」按钮。
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/ab926472b51b4528a8b1e5e6e0ea6d8a.jpg)
点击后进入如下界面:
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/654fbfeea7a84ee680d83b17c2714bbd.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/481de3ba0a3f4259914722b442b9507e.jpg)
将来可能 变现 方式呼之欲出。这个还算初级模式,如果采用 动态二维码拉群引流 不知效果又会怎样。
源码分析
一、从URL及网页源码定位操盘人
首先从此 H5 URL 入手。
http://h5.xxx.net/activity/internal_personality/index.html
从「爱站网」获知 公司名称 & 邮箱后缀:
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/1acd9acf09a9405d842c17537bc85cda.jpg)
在「企查查」验证信息:
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/799fc464c59847ce91be43b128f96773.jpg)
看 经营范围 似乎完全不相关,继续看 源码。
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/7968995815dc4114be6623432a84a742.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/242d2a1f84884be392cf54b98f77e532.jpg)
另外如上图,H5源码中还有一段,引流二维码图片 & 游戏主逻辑 js 都是存放在 ja***fm.com 中的。
可见此 H5 原始域名不过是个幌子,一旦被封,随时可以金蝉脱壳。换个域名,重新引用下主站文件即可重新开张。
二、从 HTML & JS 源码推测游戏逻辑
1)JS 文件
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/55486632c96c4e5789cee0f7007ed024.jpg)
2)HTML 文件
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/b69c954e2c2e42e1a2805ea46142239f.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/81ad7e9b86b9446a876b5fcf220e4d7f.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/375b4c2ff336469ab89b600253fdfe34.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/a283799219c54df1a3fce43c392417d2.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/f86aa1989024437c89b1ae50dcd749c2.jpg)
![一个刷屏H5游戏 案例复盘 及 源码分析](https://image.cha138.com/20210405/1d6e7174fdea4e46bfeb4ba32f227e4a.jpg)
关键源码都在上面了,你知道怎么刷出 满分/零分 了不?
整理出来的分值对照表如下。
天使、魔鬼、妖精 最高分值为 6。
人类、神 最高分值分别为为 3 和 4。
这是自然,都是正面信息,拿出去晒多没劲。
题目5是装样子的,无论你选的啥对结果都没影响,意外不意外?
总结
此次是第一次从 宏观引流模式 到 微观源码分析 深度剖析一个案例,所获匪浅。收获如下 3 点:
1、见证 了一个产品从设计、布局到引流的 完整流程。
2、关注 到一个优秀产品 设计者。能设计出这个传播效果还算不错的H5游戏,谁知道下次还有啥幺蛾子出来?能第一时间了解,总有套利先机。
3、优化 了产品研究 思维模型,为 后续深度调研 打下基础。
【其他】
1、社群:3个 微信群 写作打卡 & 爬虫交流 & SEO营销, 1个 知识星球,回复 社群 了解加入方式,一起切磋,互开脑洞。
您可能对以下文章也感兴趣:
以上是关于一个刷屏H5游戏 案例复盘 及 源码分析的主要内容,如果未能解决你的问题,请参考以下文章