url未發生改變的頁面交互數據如何監測?

彈框式浮層頁面如何監測??
長頁面如何分開監測??
H5劃屏分屏頁面如何監測??
URL不規範、識別度不高的情況如何追踪??
網站動態加載網頁內容並更新文檔的網址如何追踪??
……
今天,將為你解答。


如何用GA對虛擬頁面進行監測

以往我們利用網頁跟踪來衡量網站上特定網頁獲得的瀏覽次數,通常使用analytics.js 實現網頁跟踪,只需要在創建跟踪器對象命令之後向Google Analytics(分析)發送網頁瀏覽的命令。

但是架站技術高超了,網頁互動豐富了,網站再也不是當年單純的靜態頁面了。如今許多網站都通過AJAX 動態加載內容,在加載每個“網頁”時無需將其完全載入(這些網頁通稱為“單頁應用”)。因此,當加載這些“網頁”時不會發送新的Pageview數據。顯然,傳統的網頁追踪程式碼ga('send', 'pageview');就不能滿足這些單頁應用監測的需求。這時你就需要發送額外的網頁瀏覽以跟踪這些“虛擬網頁瀏覽”。

今天小編就為大家介紹— 虛擬頁面跟踪

什麼是虛擬頁面:

通俗的講,虛擬頁面是Google Analytics中另一種對不產生頁面瀏覽行為的追踪方法。

當用戶點擊鏈接並與網頁互動時,系統將以動態方式加載後續內容。應用會經常更新地址欄中的網址來模仿傳統的網頁導航,但始終不會再發出整個網頁加載請求。

在傳統網站上運行默認的JavaScript 追蹤程式碼沒有任何問題,因為這段程式碼在用戶每次加載新頁面時都會運行。但是,對於單頁應用,網站以動態方式加載新的網頁內容,而不採用整個網頁加載方式,因此analytics.js 程式碼僅運行一次。也就是說,當有新內容加載時,必須通過人工方式跟踪後續的(虛擬)網頁瀏覽。

監測方法和應用情境:

1、總體來講,虛擬頁面的應用可以分為兩類:
•動態加載的網站、異步架構網站:
當打開網站的子頁面的時,因沒有刷新整個頁面的程式碼導致沒有發送新的Pageview數據,我們需要在子頁面打開行為的時候加入發送Pageview數據的代碼來實現此頁面的監測;
•無法統計到Pageview的頁面監測:
當無法直接監測到某一頁面的Pageview數據時,我們可以在通往該頁面的按鈕上加入虛擬網頁程式碼,虛擬出該頁面的Pageview數據。

2、下面通過舉例介紹虛擬頁面的監測方法和幾個常用情境:

• 情境一:彈框式浮層頁面的監測

彈框式浮層頁面

如上圖示例,當用戶點擊了“訂閱資訊”按鈕後,頁面彈出浮層頁面,但並沒有伴隨著URL的改變,此時可以通過添加程式碼:ga('send','pageview','/path ');進行虛擬頁面站內互動的監測。其中,請用實際頁面參數替換紅色字體部分。

加入虛擬頁面

如上代碼:在鏈結的onclick 事件上綁定GA虛擬網頁程式碼,當我們點擊button(觸發事件)時,就虛擬構造了一個頁面路徑為/subscription page 的Pageview數據並發送到GA中。

• 情境二:長頁面的監測長頁面監測

如上圖示例,網頁為長頁面,當需要監測用戶滑動鼠標時到達不同的頁面內容時,則需要為翻看的不同頁面內容髮送Pageview數據。

虛擬頁面代碼

如上代碼,通過對使用者游標滑動到達的頁面位置進行判斷,為鼠標滾輪事件綁定虛擬頁面代碼。當用戶瀏覽到虛擬頁面1內容時,就虛構了一個頁面路徑為“/PATH1”的pageview數據發送到GA中。

• 情境三:滑動頁面分頁面的監測

劃屏分屏頁面的監測

如上圖示例,在手機端經常會遇到H5頁面的翻屏頁面的監測,當劃屏到達下一頁面後,頁面URL未發生改變,此時監測該頁面的頁面瀏覽就需要虛擬頁面代碼了。

虛擬頁面追踪代碼

如上代碼,在使用滾動畫面到下一頁面函數onNextPage( )後,添加GA的虛擬頁面追踪代碼。當用戶滑動頁面到下一頁面時觸發路徑為'/gotoblack'的虛擬頁面代碼並發送一個pageview數據。

使用頁面程式碼時的4點注意事項:

1、網頁路徑參數必須以”/”開頭,即“路徑形式”,且必須為英文路徑2、使用覆蓋規則時,設置的URL路徑只在GA中生效,不增加新的PV 3、虛擬頁面會有頁面訪問時長、跳出率等指標4、在單獨觸發時,會增加額外的PV


數據查看

虛擬頁面的瀏覽會產生虛擬瀏覽量,包括停留時長、跳出率等數據,這部分數據可以通過在熱門內容報告的過濾器裡輸入virtual過濾出所有虛擬頁面產生的數據。

推薦課程:

Google Analytics入門課程

(本文引用自觸脈博客)