網(wǎng)站分析方法與數(shù)據(jù)可視化-鄭燦雙

1、網(wǎng)站分析方法與數(shù)據(jù)可視化 騰訊 數(shù)據(jù)平臺部Johnnyzheng（鄭燦雙）Agenda網(wǎng)站測速統(tǒng)計站內(nèi)廣告效果分析指定來源跟蹤頁面可視化之頁面熱區(qū)圖頁面可視化案例分享網(wǎng)站測速網(wǎng)頁渲染和資源拉取的耗時統(tǒng)計var _speedMark = new Date();this.url.push(&r3= + (new Date() - _speedMark);問題1：如果嵌入騰訊分析的cgi位置不在末尾，計算的網(wǎng)頁渲染耗時就不準確。問題2：需要站長額外增加腳本段(DZ論壇除外)，提高了技術門檻。站內(nèi)廣告效果分析監(jiān)控網(wǎng)站內(nèi)指定媒體素材的曝光及其點擊情況第二步：監(jiān)控代碼轉(zhuǎn)換 將素材html代碼到管理臺做轉(zhuǎn)換

2、 JS正則，為媒體素材源代碼增加預定義的click事件 采集腳本庫負責收集廣告位的曝光及其點擊信息指定來源跟蹤通過自定義標識對網(wǎng)站來源進行分流，從而有效衡量不同轉(zhuǎn)化質(zhì)量。編輯素材或者交換鏈鏈接，增加來源標識收集來源分流標識，增加相應上報字段按照來源分流標識進行匯總數(shù)據(jù)可視化1.鏈接熱點圖當使用鏈接熱點圖監(jiān)控你的網(wǎng)站頁面的時候，您可以直觀的觀察頁面上點擊元素被點擊的次數(shù)和百分比。代表作：Crazy Egg Overlay 百度統(tǒng)計鏈接點擊圖2.熱區(qū)圖監(jiān)控訪客在您網(wǎng)站某個頁面上的所有點擊行為，通過熱區(qū)圖的繪制展現(xiàn)，可以很直觀的看出頁面哪里是熱的，進而進行頁面元素的調(diào)優(yōu)和改進。代表作：Crazy E

3、gg Heatmap Ptmind 可視化點擊熱圖 騰訊分析頁面熱區(qū)圖頁面熱區(qū)圖將用戶點擊行為相關數(shù)據(jù)采集組織起來，上報接入server待解析計算。去毛疵數(shù)據(jù)，數(shù)據(jù)合并，標準化。將點擊數(shù)換算為(0,1的比率，再映射為(0,255區(qū)間的值。點擊坐標轉(zhuǎn)換，合并生成灰度熱圖，渲染漸變彩色熱區(qū)圖。熱區(qū)圖-數(shù)據(jù)采集收集客戶端用戶點擊行為的位置坐標信息方案1：每個站點一個熱區(qū)配置列表腳本，在監(jiān)控腳本內(nèi)部請求它，后 臺根據(jù)配置更新時間重新生成。方案2：非靜態(tài)監(jiān)控腳本，提供cgi，借助緩存和cron程序，達到動態(tài)更新熱區(qū)圖頁面配置的目的。將所有點擊坐標均轉(zhuǎn)換為滿屏下的x，y標準坐標，并上報此時分辨率，到后臺轉(zhuǎn)

4、化為相對于屏幕中軸的x ， y坐標熱區(qū)圖-數(shù)據(jù)采集P0是滿屏下面的點擊坐標，P為非滿屏幕狀態(tài)下。通過將非滿屏下的點等效轉(zhuǎn)化為滿屏狀態(tài)下的點擊坐標。？熱區(qū)圖-數(shù)據(jù)預處理去毛疵數(shù)據(jù)相對比較簡單過濾掉x，y小于0或者超過閥值的數(shù)據(jù)：將單點的點擊坐標數(shù)據(jù)按照10*10的正方形塊做聚合，統(tǒng)一映射到重心點坐標。將點擊數(shù)以最大點擊數(shù)為基準轉(zhuǎn)換為(0,1的比率。防止因為點擊量分布不均勻?qū)е吕L制的熱區(qū)圖顏色過渡不平滑，需要將其平滑打散。熱區(qū)圖-顏色換算由之前的數(shù)據(jù)處理得到的均勻分布的比率值，在這里轉(zhuǎn)化為相應的 rgb 值，并繪制灰度圖。熱區(qū)圖-生成熱區(qū)圖用戶通過前端直觀的看到頁面哪里是熱區(qū)。1、利用iframe加載用戶的真實的配置頁面。1、創(chuàng)建與滿屏視窗等大的透明div，置于iframe上。2、div加載經(jīng)過前三步渲染而來的彩色漸變圖。1、針對熱區(qū)圖初始化拉