對於擁有會員制度的網站而言,新、舊訪客數據不但已經看膩,而且不能提供更進一步的會員洞察。這篇教你學會用GTM追蹤會員登入狀態,進而分析會員與網站的互動情形、挖掘出更多能夠提升商機的改善點!

2步驟學會追蹤會員登入狀態

步驟一、新增GA自訂維度

該步驟只要參照下方子步驟,不需要工程師也能自行設定。

  1. 登入Google Analytics後台,點選管理圖示 > 資源 > 自訂維度 > +新增自訂維度

  2. 由於我們要追蹤的是「已登入」的會員訪問網站時的流量數據,所以可以將此命名為「會員登入」。當然也可以取一個你自己覺得好辨認的維度名稱。其他設定如下圖所示:
    照片為GA新增自訂維度的畫面
    照片為GA的自訂維度的畫面

    ※由於範例的自訂維度是該資源建立的第一個自訂維度,所以GA給的索引編號是1。請以實際操作時的索引編號為主,並非一定都是1。

這樣自訂維度就算是初步設定好了,但必須要能夠追蹤得到網站上「已登入」會員的Cookie資料,並且成功傳回GA,我們才能夠在GA上看得見數據,因此接下來要進入到GTM上的設定步驟。

步驟二、在GTM設定會員登入狀態的追蹤碼

我們都知道GA取得網站訪客資訊的方式之一是靠Cookie,訪客在網站上登入會員後的行為,Cookie也會記錄下來,所以當我們要透過GA辨認出有登入會員與沒登入會員的流量數據時,就必須要讓GA能夠取得、追蹤與會員登入狀態有關的Cookie資訊才行。

我們這次要學習用GTM來建立能夠取得、追蹤會員登入狀態的Cookie資訊的追蹤碼,它會把相關資訊回報到GA中。這樣一來我們就能在GA上,加入會員登入的維度,利用各種數據報表來分析、挖掘會員們的行為,並據此來改善網站構成、內容,以提升網站的轉換率!

  1. 首先要向網站開發人員/工程師確認:紀錄「會員登入狀態」的Cookie名稱是什麼。為了方便說明,本篇範例假設某網站紀錄「會員登入狀態」的Cookie名稱為「loginStatus」。

    ※因為每個網站對於這個項目的Cookie名稱設定可能會不一樣,保險起見還是跟網站開發人員/工程師確認過會比較好!

  2. 登入GTM > 變數 > 使用者定義的變數 > 新增

    2-1 變數命名:以自己方便辨識的命名即可,本篇教學以「loginStatus」為例。

    2-2 變數設定:變數類型選擇「第一方Cookie」,並輸入正確的Cookie名稱後儲存。
    照片為GTM使用者定義的變數

  3. 左側邊欄 > 觸發條件 > 新增

    3-1 觸發條件命名:以自己好辨認的方式來命名就OK,本篇教學以「User Login」為例。

    ※由於這個觸發條件會在訪客進行「登入」行為時觸發,並不是「登入後」才觸發,所以命名上也建議可以稍微強調這一點。

    3-2 觸發條件設定:觸發條件類型選擇「網頁瀏覽」,這項觸發條件的啟動時機選擇「部分的網頁瀏覽」;下拉式選單依序選擇 (1.)剛才設定的變數「loginStatus」、(2.)「不等於」、(3.)輸入「undefined」。
    照片維GTM觸發條件設定

    ※這個觸發條件的意思是說,當loginStatus這個Cookie有產生有意義的值的時候就代表登入(中)了。

    3-3 儲存觸發條件。

  4. 左側邊欄 > 代碼 > 新增

    4-1 代碼命名:以自己好辨認的方式來命名就OK,本篇教學以「User Login」為例。

    4-2 代碼設定:代碼類型選擇「通用Analytics(分析)」;追蹤類型為「網頁瀏覽」;勾選「在這個代碼中啟用覆寫設定」並輸入GA追蹤編號。
    照片為GTM代碼設定畫面打開「更多設定」> 打開「自訂維度」> +新增自訂維度 > 索引輸入「1」 > 維度值填入「會員登入」。
    照片為GTM代碼設定畫面,設定觸發條件※這個步驟為了開通剛剛在GA設定的自訂維度的功能。由於有登入的訪客數據跟一般網頁瀏覽訪客的數據必須要分開,所以才要新增這個通用Analytics(分析)的代碼唷!

    4-3 觸發條件選擇上個步驟設定好的「User Login」,並且儲存代碼。
    照片為GTM代碼設定畫面,新增GA自訂維度

  5.  加入例外條件

    通常網站一開始一定會設定一個用來追蹤全網流量的通用Analytics(分析)代碼,但是現在我們又新增了一個用來追蹤會員登入狀態的代碼,假設這兩個代碼都在運作中,會發生一個狀況:假設A訪客現在進入到網站上了,所以GA有記錄到這1次訪問,接著訪客A登入了,又變成1筆新的訪問,這樣不就會重複計算了嗎?為了解決這個問題,我們要修改原本用來追蹤全網流量的通用Analytics(分析)代碼,為它加入「例外條件」,讓它跟我們新增的用來追蹤會員登入狀態的代碼不會產生衝突。

    5-1 打開你本來用來追蹤全網流量的通用Analytics(分析)代碼。

    5-2 觸發條件 > 點選鉛筆圖示進入修改模式 > 選擇「新增例外項目」 > 選擇「User Login」後,儲存。
    照片為GTM代碼設定畫面,設定觸發條件的例外項目照片為GTM代碼設定畫面,設定觸發條件的例外項目

在GTM上的所有操作最後一定要記得發佈才會生效,同時也不要忘記善用預覽功能,測試看看自己的設定能不能正常運作,有沒有正確追蹤到「有登入」、「沒登入」的狀態。需要注意的是,數據反映到GA上可能會需要一點時間,因此建議等待個2、3天後回到GA上檢查數字,記得要把自訂維度拉出來唷!

延伸閱讀:
代碼裝好了嗎?用Google Tag Assistant快速檢測一下吧!

學會用GTM追蹤「電話聯絡數」,掌握廣告成效只要3步驟!