叶子绿

分享自己的一些前端经验,做改变世界的产品。 再次出发…

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

根据我们最近做的调查: 有 25%的人希望能直接在官网举办活动, 有25%的人希望活动页没有别人的活动.

因此,为扩大工具使用的便利性,  开发Plugin Widget 让活动主可以透过外挂 ,把活动挂到官网上举办.

要求如下:

1) 客戶可以透过官网吸引访客成为粉丝客.

2) 外挂插件可以提高 SEO,对扩散我们品牌知名度也有帮助.

外挂的方式采用 JS,类似 Facebook social plugins。

外挂主要有四种模式,box ,bar ,客户自己定制文字或者logo图片以及全页嵌入模式.

外挂产生的流量有个上限,达到上限,要显示定制的空白页面.

点击外挂要求能在官网上参加活动.

JS Bin

相关思路:

流量统计用 google analytics 来解决

数据在设置外挂的时候生成 json 格式的文件,并上传到s3

数据使用s3上的文件,交互用 jsonp 从而解决跨域的问题.

开发一个脚本程序,在服务端定期运行,如果检测到某个外挂产生的流量已经超过上限,则删除这个s3相应的文件.

设置四种外挂模板.分别对应四种不同的模式..利用js sdk 带的参数分别处理.

响应式设计可以很好的支持手机浏览,但我们无法保证官网的设计质量.  外挂在设置的时候已经定义了长,宽..单独设置外挂的百分比设计,意义不大.

更新活动数据到s3,只能用脚本定时跑..

查下s3的API 有没有这样的功能之前是111, 更新是使用111-n 完成后, 111-n 重命名成111.如果有就简单

一些问题:

在ie8以下,外挂容器元素的点击事件会’穿透’到 iframe 中元素,引发这些元素的响应事件.  解决方案是外挂上再做一个

透明的mask,这个mask需要设置透明背景色,否则在ie8以下无效..坑

流量达到上限后,如何显示定制的空白logo 页面. 要在外挂程序中捕获404错误吗? 待测试 .

需要考虑的情况

1. 脚本在跑, 并更新活动数据到S3的过程中, 如果此时用户打开页面, 避免请求JS只读到一半的情况.
2. S3的JS会被 cache, 但数据10 分钟需要被更新一次 (外挂内容的最新留言/留言总数是需要更新的)
3. 加就送的活动, 如果奖品已经发布完毕, 活动自动结束的情况.

posted on 2013-10-10 14:10  叶子绿  阅读(2600)  评论(4编辑  收藏  举报