根據我們最近做的調查: 有 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. 加就送的活動, 如果獎品已經發布完畢, 活動自動結束的情況.