Growth hacking 实战 Day3,为网站添加离站提示

和Easy一起学GH :tophat:

我知道你们都觉得之前的技巧太没有技术含量了,这次我们玩点高科技 :)

是什么

当用户准备离开的你网站时,显示特定的信息。

为什么

获得一个用户很困了的,而丢掉一个用户很容易。在即将失去这用户时,你可以通过离站提示来挽留他。常用的离站提示包括:

  1. 促销信息:告诉他只有现在才能获得的折扣价格。
  2. 微信帐号:引导他关注微信号,获得更多的沟通机会,并可以定期激活他。
  3. 分享活动:促使已经了解你的产品的用户分享到他的社交圈,从而让更多的人知道。

如何做

说起离站提示,懂技术的同学都会想起on leave事件,但on leave不能指定自己的文案和样式,而且弹窗非常生硬,只能yes or no,很难达到引导用户的效果。

Screen Shot 2014-08-31 at 13.31.32.png

我一直以为也只能这样了,直到有一天我看到了Ouibounce

它可以在用户关闭网页之前显示自定义格式的模式窗口。原理大概是识别鼠标移动,然后触发事件。

Ouibounce 的使用非常简单,可以通过bower直接安装。

bower install ouibounce

引用后,就可以通过JS呼叫出弹出框。

ouibounce($('#ouibounce-modal')[0]);

最终效果如下图:

Image

补充

@黑白世界4648 同学提到

和bootstrap的model 结合时要在参数的callback中 手动 用$('#share').modal();触发,官网没说,这个要注意

效果如何?

JobDeer添加完离站分享后效果拔群,每天微博新增5~10个分享。查看离站提示 → abc.jobdeer.com  查看用户分享的微博 → 微博搜索

更多「和Easy学GH」系列文章 → http://get.jobdeer.com/450.get

本文由 Easy 发表于GET

「GetParty」

关注微信号,推送好文章

微信中长按图片即可关注

更多精选文章

评论
微博一键登入