恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2017年首个百万级PV案例居然是这个H5!!
0.0°
2017-02-09 原创文章 经验/观点 举报 9514 67 57 10

嘿哈~

大家好久不见

因为在春节期间拖更了

所以循例先跟大家说声新年快乐

在这里赵四祝大家

2017开工大吉、工作顺心、处事如意

事业节节攀升

“最紧要开心!”

(最重要是过得开心)

希望这份祝福不会太迟哈!


好了,久违地寒暄了两句,咱们回到今天的正题。如题所示,春节期间我的朋友圈上竟然发现了一个现象级的H5,单是大年初二当天就看到有二十个人在转!!


到底是什么鬼?咱们先一睹为快——


Image title

Image title


原来又是iH5.cn上的案例,还好赵四有路子,找到了这个案例的原作者悟脚叔叔作了大致了解,这个H5的PV高达407.4万,有效用户信息提交量约31万转化率约为7.6%,从商业价值角度上看,这次广汽传祺的节日营销值得拍掌叫好!!


这可能是2017年H5行业首个爆款H5轻广告呐!


[注]:用户提交量的统计数来自于悟脚叔叔TM一手资讯。


相信大家看完这个H5后会有疑惑——为什么这个看起来很一般的作品,PV会异常地高?(毕竟悟脚过去的作品都很高大上的啊!PV却不高...)

 

说出来可能你不信,这大概就是用H5做节日营销的魅力...


一、节日营销H5的价值何在?


Image title


以上是悟脚叔叔过去的H5佳作,每个都包含别具匠心的插画设计以及交互,但PV量始终徘徊在10万左右。但这次的H5真的算是引爆了,靠的不是设计,也不是交互,而是搭上了春节这趟高流量的红利专车。


刚好蹭上节日的势,就能迸发出现象级的H5,这是偶然吗?我们说不准,但一定有某种程度的正相关关系,我们不妨来回顾一下去年iH5.cn数个现象级H5:


  • 《告诉我春节期间你的遭遇吧》,春节期间发布,1197.6万PV
  • 《给老爸选择礼物要先懂他》,父亲节期间发布,907.1万PV
  • 《「我和宋仲基结婚照」在线生成器》,愚人节期间发布,320.7万PV


如果去年常关注这个平台的朋友应该耳熟能详了,这三个H5的特点都跟《祺福临门 赚足好运年》很像——页面设计感、交互功能不算精美,但当时刚好蹭上节日的IP,PV就蹭蹭地上去了,成为现象级H5...


[注]:H5的PV量还受渠道的投放力度影响,不排除广汽传祺在渠道投放中下了重本。


节日营销的流量红利实在太大了,有人就问了,我们怎么变现流量红利?变现的形式有很多,最直接的就是目标用户转化促使付费意愿达成。就比如《祺福临门 赚足好运年》这个案例,收集到31W的有效、有价值用户信息,这对于企业的营销战略是有一定参考价值的。


节日营销H5除了较容易获得节日的流量红利,还有一个老板们比较关注的价值——减少广告成本


我们来算笔账,如果悟脚叔叔的定制价格为15K,再加上奖品价值6K,姑且不算广告投放成本,总成本大概21K,而H5最终带来的有效用户提交量为310K,这样折算下来的单位转化成本1毛钱都不到!


节日营销H5还具有高效、便捷等价值,这就不一一铺开了。鉴于之前很多小伙伴表示想学数据库应用,借此机会用悟脚叔叔这个H5为例子,给大家讲解相关的数据库应用教程!


二、抽奖的数据库应用怎么玩?


《祺福临门 赚足好运年》最大的卖点,应该就是它可以智能地记录用户打开的次数以及填写的信息,设置有限的抽奖次数,以此在激励用户抽奖的同时,能有效控制中奖率。


这是怎么做到的呢?以下进入剧透时间!

(因为《祺福临门 赚足好运年》是作者在iH5.cn完成的,所以我们就以此工具进行复现。)


1.限制抽奖次数

 

顾名思义,就是你想让用户最多能抽多少次!要做出限制的目的,在舞台下添加一个监测用的数据库就可以了,在数据库属性下修改“每人提交次数”的数值即可。

 

简单地说,我们要记住一个口诀——抽一次奖,提交一次数据库。

 

为了方便操作,不妨把实现步骤分为两步:

 

1) 抽奖后数据库提交

Image title

每人提交次数的数值是根据实际情况填写的,如果我们想让抽奖的门槛提高,还可以修改数据库的其他属性——



  • 比如想让抽奖有间隔性,可以设置“每人提交间隔”
  • 比如想控制每天抽奖次数,可以设置“每日提交总人数”
  • 比如想控制抽奖的总中奖人数,可以设置“提交总人数”


因为《祺福临门 赚足好运年》这个H5,它是九宫格翻牌的抽奖形式,这就意味着他有九个透明按钮,分别控制不同的牌子,每抽一个牌子,就提交一次。


Image title


2) 为数据库设置次数检测机制

 

来到这个步骤已经完成一半了,接下来我们需要对数据库设置事件,利用事件的相关触发机制,来控制次数的检测。

 

当次数等于3时,抽奖用的各个透明按钮就需要失效。但因为透明按钮有九个之多,如果对每一个设置失效事件,未免有点繁杂,所以我们通常新建一个覆盖抽奖界面的空白透明按钮做遮罩,并先隐藏。


Image title


这样做的目的在于用上层的空白透明按钮,以遮盖下方的九个触发抽奖的按钮。


接下来,在数据库下设置事件——

 

·数据库

   ·添加事件

     ·触发条件:每人提交数超额(初始判断)

       目标对象:遮罩用透明按钮

       目标动作:显示

       

用户体验要好点,我们此时再添加一个提示“抽奖次数已用完”的提示语,就大功告成了。(用事件去触发提示语素材显示)



2.将用户信息记录到后台

 

企业可能有需要收集目标用户的有效信息,怎么办?同样是数据库,就能轻松搞定。

Image title首先要解决用户的信息输入问题,这需要用到输入框功能。输入框的名字需要命名,想收集用户什么信息就命名为什么呗。

 

[Tips]:输入框可以隐藏背景的边界哦!选中输入框,属性栏下把“透明背景”选择为YES即可。

 

接下来,新建一个数据库,在新的数据库下分别添加数个文本字段,“数据来源”选择为相对应的输入框。


Image title


最后,设置一个提交数据库的事件就完事儿了。

 

·新建透明按钮

   ·触发条件:轻触(手机中)

     目标对象:数据库

     目标动作:提交

 

当然,以上的数据库应用只是皮毛,想要做出适合节日营销的抽奖类H5,需要对数据库、变量等功能进行反复运用。

 

既然开了个头,不如咱们下一期教大家做转盘抽奖H5?


Image title


想学吗?快在下方留言告诉我吧!

 

近两年H5广告已经混得风生水起了,像网易、腾讯、淘宝等大金主的广告类型比重逐渐向H5倾斜。


千万别小看民间H5的能力,即使没有金主爸爸的钱包撑腰,照样能造就百万PV,掀起刷屏造势。


去年,可能你还在对岸观望;今年,不如你也来一起玩H5?


本文相关案例链接:


《祺福临门 赚足好运年》 http://0c8a0952908d.vxplo.cn/idea/8e2QT6H
《告诉我春节期间你的遭遇吧》 http://9e86f1b4208c.vxplo.cn/idea/QSS6Cs2
《给老爸选择礼物要先懂他》 http://bb51e42032ee.vxplo.cn/idea/R4nz_ZZ#p1
《「我和宋仲基结婚照」在线生成器》 http://01c5ebab5ab1.vxplo.cn/idea/ris4x58
更新:2017-02-09

收藏

67人已收藏

尼姑拉丝赵四

世界大奇,保持好奇心,才有乐趣。H5爱好者。

  • 27

    作品

  • 2292

    粉丝

  • 8

    关注

  • 震惊!这个H5居然是在线聊天室!(内附完整教程)
  • 网易的爆款H5,手把手教你做!
  • 3个小时150万UV!网易的童年 H5刷屏了!
  • 视觉逼格指南:几何抽象风格神器

    猜你喜欢

      2017-02-09 原创文章 经验/观点 举报 9514 67 57 10

      2017年首个百万级PV案例居然是这个H5!!

      0.0°

      你确定要举报2017年首个百万级PV案例居然是这个H5!!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      57
      67
      10

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录