當我們的網站提供多個提供文檔下載時,統計每個文件的下載量將成為自然而然的需求。實際上下載量的統計使用Google Tag Manager相當方便,本文HubSpot One就通過一個實例小教程教你如何實現。
準備工作
在進行部署之前我們先羅列下需要哪些準備:
- 首先要部署一個GA的Event事件。這個事件包括Category、Action、Label。如果每個下載需要金錢你可以給該事件賦值。
- 其次你要建立一個以事件為觸發器的Goal目標。這樣你在GA的報表中就可以清晰看到各類訪問的價值。
- 最後你要通過GTM來監聽下載頁面上的鼠標點擊活動,識別下載文檔的點擊。還需要把文檔的訊息傳遞給GA的Event。
步驟1很簡單,在GTM中建立一個UA的標籤,去抓取步驟3的參數。步驟2我們可以通過GA的嚮導來做。
識別點擊
點擊發生後我們要查看點擊發生的頁面和點擊到的DOM元素的內容來判斷是否點擊在了下載鏈接上。這裡我們假設所有的下載鏈接都是一個按鈕。以下羅列以下條件:
- 點擊發生的頁面(Page Path)以/download/開頭。
- 點擊元素的內容(Click URL)中包含/file/字符串。
那麼我們先建立下面這個觸發器:
我們先把它放在一邊。因為我們還需要抓取用戶下載的到底是什麼文件。
識別文件
一種最常用的做法是我們會在下載按鈕上加上文件描述,用title屬性來表示。這樣鼠標移到按鈕上就會出現氣泡顯示。那麼我們如何去抓取被點擊的網頁元素的title屬性呢?我們這裡可以用一個Custom JavaScript。這段腳本要做的就是在每次用戶點擊時獲取到title內容:
此處我們要說明一下Click Element是GTM預定義的一個數據層變量,Object類型。為了要讓它生效我們需要在GTM -> Variables中勾選上,使其生效。包括上面我們用的Click URL。
這裡我們其實舉了一個例子。我們知道要把內容付給Data Layer Variable可以用push方法,但是很多人不知道如何去讀取其中的東西。實際上和其他的Variables一樣我們只要用{{雙括弧}}即可。
事件標籤
現在我們就可以把它們組裝起來了。我們來建立一個UA標籤:
觸發條件就是我們前面新建的觸發器。此處我們在事件的Label屬性中添加了我們剛剛獲得的文件描述,下載地址Click URL其實也可以省略。至於Page Path如果在一個頁面上沒有多個文件也可以省去。最後我們可以在GA中建立反映下載
總結
以上這個例子其實非常簡單,但是包含了許多基礎的GTM知識和技巧。HubSpot One選擇了一個這樣簡單的例子為的是說明GTM的強大可以讓你在不修改任何代碼的前提下完美地跟踪統計下載量。如果你對GTM有一些疑惑,歡迎討論。