事件設定 – 單頁式網頁設計的訪客瀏覽行為觀察

單頁式設計網頁事件設定初衷與目的

也如前言所提到的，當初就是想要研究來到單頁式網頁的訪客是否會往下瀏覽且在什麼地方放棄捲動視窗，所以需要在單一網頁上不同位置設定事件，以讓訪客進入到這一頁面時，雖然沒有點擊下一頁，但還是可以記錄訪客的行為數據(因為 Google Analytics 網站分析追蹤是以頁面跳轉為觸發)。

所以這時我們的做法是，在這必須不斷往下瀏覽的頁面各個位置中，設定不同的事件觸發條件(主要是以像素判斷到網頁什麼位置..)。如此一來我們就可以觀察所有到這網頁中的訪客分別瀏覽的多少程度(或說到哪個位置就離開頁面了..)。

如上圖，首先我們在這單頁式設計網頁中各個位置(紅色箭頭處)設定事件追蹤碼如下…

完全沒有捲動 ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘noscroll’);
只滾動1次 ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘Start’);
一本好書 + 地圖 ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘Introduce’);
超值方案 ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘Hot’);
單獨購買 ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘Single’);

接著就可以在 Google Analytics 網站分析 > 行為 > 事件 檢視個別成效嘍。

事件設定檢視

承上，打開 行為 > 事件 下拉式選單後，首先可以從總覽看到觸發事件與造訪之間的相關數據，而在這邊會先發現事件總數會遠大於造訪數的原因是一位訪客可能會多次觸發事件。而事件類別、動作與標籤就是上面設定的追蹤變數(可自訂)，接著點選右下方查看完整報表如上方第一張圖就可以開始細部觀察了。

在此次範例當中，因為我們主要是以 “活動標籤” 來區分不同的事件，所以就可以先點選該報表上方的活動標籤，就可以查看在此次事件設定的觸發狀況與比較了!!

不過初進入這活動標籤報表首頁時是整個網站的設定事件總數加總，所以還請點選上方次要維度並選擇行為 > 到達網頁後，就可以從篩選器指定欲進行觀察的目標網頁嘍。