[應用技巧]全方位網頁分析軟體Splunk

網頁分析已經是企業執行精準行銷最重要的一環工作了,而我們也很常有使用者問我們既然Splunk是一個智慧營運平台,是不是有甚麼操作方式或技巧直接進行網頁的tracking,再將資料加以分析呢?如此一來,資料除了可以省去不必分段運作的麻煩之外也可避免把重要資料交給第三方單位進行分析而有資料外洩的疑慮,接下來我們針對了自行利用Splunk進行客戶分析列了幾個重點,也會在以下的章節教各位朋友怎麼埋code,進行tracking!\自行追蹤分析的四大好處:

1. 防止重要的原始資料被提供分析服務第三方單位再利用
2. 可按照需求自由,有彈性且免費的存取所蒐集到原始資料
3. 可自行客製化並無限制的追蹤客戶行為:無蒐集範圍的限制,無蒐集面向的限制,可全方位追蹤客戶行為
4. 可將追蹤的資料與既有的客戶資料(如:客戶基本資料,訂單資料等)進行關聯(Correlate)

既然自建追蹤,分析有這麼多優點,就立刻把如何做的小技巧分享給每位使用者!!

圖解分析三步驟(圖片方向由右至左):

• 追蹤Tracking

上圖為一體成形的Splunk網站分析流程,圖由右至左,先後順序為追蹤,蒐集,分析和報表.首先追蹤,需要埋上Splunk的追蹤程式碼才能成功追蹤欲追蹤的項目,Splunk的追蹤碼是用Java Script寫的,有興趣的朋友也可以到 sp.js 有更多的案例可以提供參考!以下的追蹤碼可以協助您做到:

1. 網站追蹤:辨認獨立訪客,每個page的瀏覽次數等
2. 活動網站追蹤:使用者拜訪深度等,其他相關資訊可參考easy-to-use API

將以下程式碼埋在要追蹤項目的那一段程式碼</head>之後,不用擔心,這段程式碼是一個tag,不會影響網頁loading 的時間.

<script type="text/javascript">
var sp=sp||[];(function(){var e=["init","identify","track","trackLink","pageview"],t=function(e){return function(){sp.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var n=0;n<e.length;n++)sp[e[n]]=t(e[n])})(),sp.load=function(e,o){sp._endpoint=e;if(o){sp.init(o)};var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"===document.location.protocol?"https://":"http://")+"d21ey8j28ejz92.cloudfront.net/analytics/v1/sp.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)};
sp.load("https://www.example.com"); // Replace with your own collector URL
</script>

注意,以上程式碼標示紅字的部分要替換成您Collector的網址!

• 蒐集Collection

用sp.js這段程式碼,必須要特別指出追蹤的端點,而且也要有一個Collector可以回應這些追蹤的程式,亦即將這些追蹤到的log可以儲存,我們稱這些log叫events. log.此外,Splunk為節點追蹤提供了一些範本讓你可以進行Collector設定.

再次提醒,若您的追蹤架構已經設定好了,上方的追蹤碼紅字部分,要替換成專屬的Collector Address.

• 分析及報表Analytics & Visualization

最後,events.log檔案可以倒入Splunk或是透過Splunk forwarder將資料傳送到現有的Splunk,直接用Splunk監控events. log檔案。

一旦資料已經倒入Splunk就可以進行相關設定：設定Splunk監測/告警,Splunk儀表板分析,或建立客製化流量區隔,A/B組測試，漏斗分析等。

客戶端追蹤

在此要注意的是,這個追蹤碼在同一session之內,可以辨識同一個客戶並追蹤該客戶的Click,但如果超過一段時間(意即session斷掉),則無法再辨識為同一個客戶,此外,如果客戶並沒有點選網站任何一個被埋入追蹤碼的按鈕或對網站發出request,追蹤碼也無法追蹤該客戶的動作及行為!

透過此段追蹤碼,傳回的資訊包含:

• Event e:客製化event資料,例如:Click Program Description
• Properties KV: Key 和 Value的對應的值,例如:對應的發表者的暱稱,click數,文章標題,發表言論等,相對應的值!當然也包含獨立訪客(Unique visitor)的標籤,id等辨識資料!
• Timestamp t:自動蒐集客戶端的timestamp

下圖為Splunk tracked event的示範案例 :

程式碼參考:

追蹤:

https://github.com/splunk/splunk-demo-collector-for-analyticsjs#setup

蒐集:

https://github.com/splunk/splunk-demo-collector-for-analyticsjs