相各位對於最新的Google Analytics 4事件及轉換設定感到非常陌生,筆者在嘗試建立GA4事件及轉換追蹤時也遇到相當大的瓶頸。今天將會完整帶各位了解如何在Google Tag Manager的事件建置方法及轉換設定一同教學給各位。
GTM建立事件及轉換追蹤流程
在學習建立事件之前,建議往前複習【GTM基礎教學】代碼、變數、觸發條件三大要件說明及
【GTM基礎教學】找對追蹤碼,電商/自架網站安裝GTM沒煩惱可以更加快速上手喔!
今天以「點擊作者名稱連結」作為追蹤點擊的目標,在GTM中建立事件,一共需要分3大步驟
(追蹤有多少人按下文章下方的”已見室”連結)
1.建立標籤
請對照下圖的紅框,在指定位置中選擇建議項目
a.為該標籤方便日後管理的名稱即可
b.在「代碼類型」中選擇「代碼類型」
c.在「設定代碼」中選擇你的GA4追蹤代碼
*該欄位是讓你管理該代碼要應用在哪一個GA4資源上,如果不清楚當時設置的內容,可以參考Google Tag Manager安裝步驟教學中的代碼設置
d.在「事件名稱」中為你要創建的事件取一個名稱,而該名稱將會顯示在GA4之中
2.設定觸發條件
接下來這一步驟就比較容易眼花撩亂,但各位只需要跟著後續說明,一定可以增加你對基礎程式的的理解。
☗建立觸發條件
為了可以新增一個觸發條件,請接續剛剛的代碼設定畫面,依照下圖點擊紅框的按鍵
完成後你會進入「新建觸發條件」的畫面,為了可以在”特定點擊”下觸發,我們需要點選「部分點擊」,而這時會出現如同紅框中,有許多變數提供你選擇。
☗抓取變數
還記得Google Tag Manager基礎教學-變數及實際應用當時提到的內容嗎?我們現在就是需要抓取特定變數(如同問券的姓名欄),中特定的數值(只抓取小華的名字),藉此在特定時間點觸發。
而為了找到這個變數及數值,我們需要到Google Tag Manager中的預覽功能,如同下圖點選預覽後,請再輸入你要測試的網址,你會進入「代碼測試模式」,你可以看到你的代碼是否真的觸發,以及最重要的,你可以知道這些代碼是因為那些觸發條件及變數。
接下來會出現兩個頁面,一個是剛剛輸入的測試頁面(網址尾部會出現?gtm_debug,且頁面右下角會出現Tag Assistant),另一個則是GTM偵錯後台。
請如同下圖一樣,在你希望追蹤的按鈕上點擊下去,這時在GTM偵錯後台中會出現你剛剛在該頁面上做的動作(例如滾輪scroll、點擊按鈕click等等),請選擇紅框中的「click」,並且點選右邊的「Variables(變數)」,你可以看到在這個click動作中記錄了那些變數。
這時你可以依據你得自己的情況,選擇不同的變數,而我這次為了可以正確選則文章頁面中下方的的作者名稱,我選擇了「Click Text」及「Click Url」這兩個變數,並且記住他們產生的數值。
小知識:
Click Text代表你點擊的按鈕中,裡面包含的文字
Click Url代表你點擊的按鈕中,會前往的頁面網址
回到剛剛的「新建觸發條件」畫面,在下方紅框中選擇對應的變數,並且在右方的值中填選「Click」動作中產生的值。(如果要增加觸發條件,可以點選旁邊的+號)
到了這步驟後填寫該觸發條件的名稱並且儲存,你就可以得到一個「當使用者點擊的文字為”己見室”,且前往頁面為”https://jikensitu.com/author/jikensitu/”」時就會觸發的設定。
3.驗證功能
將以上步驟全部儲存並且提交標籤後,你可再回到GTM的偵錯模式中,再次點擊目標按鈕,確認代碼有沒有被觸發。(選擇Click動作,如果標籤在Tags Fired中則代表被觸發)
或是你也可以到GA4的即時報告中,查看事件是否真的有收集到。
*我在建立標籤中的事件名稱中填寫”writter_name”,因此GA4收集到的資料也將是”writter_name”
4.設定成轉換
到GA4的「管理」->「轉換」中,點選「新增轉換事件」,將剛剛設定的事件名稱填入其中,就可以將該事件儲存在轉換之中。
(以作者的案例,也就是填寫”writter_name”)
看完了這麼多,我想你對GTM事件建立已經有了一定的了解,如果喜歡我的文章,或是未來想要了解更多關於SEO的消息,請關注我的網站,我會努力將各種知識分享給各位:)
Last Updated on 2 2 月, 2024 by 己見室