跳到主要內容

用 Google Tag Manager 建立全站點擊自訂事件至 Google Analytics

用 Google Tag Manager 建立全站點擊自訂事件至 Google Analytics

只要有全站有埋設 Google Tag Manager (GTM) 以及全站網頁瀏覽觸發 Google Analytics (GA) 就不需要編寫任何 Javascript 就可以在有加入「data-」屬性的 html 標籤自動觸發點擊 click 自訂事件,按照 GA 事件衡量文件說明,必需要傳送 eventAction 互動類型,例如點擊 click 以及 eventCategory 互動對象,例如按鈕 button;再來可以選用傳送 eventLabel 事件分類說明(字串形式)還有 eventValue 事件的相關數值(數字形式),所以在 html 標籤上可以利用「data-」屬性建立如下語法:

<a href="連結網址" target="_blank" data-eventAction="click" data-eventCategory="點擊按鈕" data-eventLabel="連結文字說明">連結文字</a>

建立自動事件變數

經過測試 eventCategory 和 eventLabel 可以輸入中文方便日後報表辨識資料,只要在想要追蹤的標籤對象加入以上屬性即可,點擊動作偵測則使用 GTM 追蹤不需要編寫 Javascript 來監聽點擊事件,接著開啟 GTM 的「變數」分頁新增「自動事件變數」然後在「變數屬性」下拉選單選擇「元素屬性」接著在「屬性名稱」填入 data-eventAction 接著為你的變數命名(中英文皆可)儲存即可。另外 data-eventCategory, data-eventLabel 或 data-eventValue 也按照以上方式新增變數。

GTM 自動事件變數設定

全站點擊觸發條件設定

接著切換到「觸發條件」分頁,建立點擊「所有元素」的觸發條件,啟動時機改成「部分點擊」然後變數下拉選單選擇 data-eventAction 的變數名稱,例如我命名的“事件動作”第二個條件選擇「等於」最後的欄位填寫「click」也就是點擊時當「data-eventAction="click」就會觸發,同樣命名完後儲存即可。

GTM 點擊事件觸發條件

設定通用 GA 自訂事件

最後切換到「代碼」分頁,建立「Google Analytics (分析):通用 Analytics (分析)」代碼。然後在追蹤類型下拉選單選擇「事件」,接著在事件追蹤參數分別填入類別、動作、標籤以及值的變數,然後「Google Analytics (分析) 設定」欄位選擇你先前使用的 GA 追蹤編號變數即可,最後觸發條件選擇剛剛設定的事件點擊觸發條件後,就可以儲存了。

GTM 的通用 GA 事件設定

GA4 自訂事件設定

如果要使用「Google Analytics (分析):GA4 事件」傳送自訂事件,GA4 是採用「事件名稱」為主下面再對應事件相關的「參數」而 Google 是建議使用他們的規範事件名稱去命名,但你還是可以自訂事件命名,不過在 GA4 報表中你必須先定義好自訂事件參數的指標與維度,才可以在事件報表中查看。而且也不能使用 eventAction, eventCategory, eventLabel, eventValue 這四種名稱,所以在「事件名稱」與「參數」欄位需要重新命名,請參考下圖

GTM 的 GA4 事件設定

由於 GA4 並沒有規定一定要傳送 eventAction,因此我圖例上的設定就不再傳送,當然如果你要傳送也是沒問題的,GA4 每個事件是可以傳送到 25 個參數的!最後觸發條件選擇先前設定的事件點擊觸發條件,就可以儲存了。

一般的通用 GA 報表直接前往「行為 > 事件」查看即可,而 GA4 報表請先到「事件 > 所有事件」右上角的「管理自訂定義」按鈕設定。「自訂維度」的部分就是建立事件參數,例如我的範例是使用 clickCategory 與 clickLabel 的參數,維度說明分別是點擊事件類別與點擊事件內容,按照你的需求輸入說明即可。

GA4 自訂事件參數需設定維度或指標

如果你傳送的事件參數是以數值為資料,例如是貨幣、距離或是時間,那麼就要切換到「自訂指標」這邊來建立。 最後經過 24 ~ 48 小時接收數據後,就可以在「參與 > 事件」的報表中看到數據與自訂的維度嘍~

這個網誌中的熱門文章

DaVinci Resolve 輸出 Youtube 影片的最佳設定

雖然 DaVinci Resolve 已經有內建 Youtube 的渲染預設可以用,但我自己輸出影片常常發生畫面出現殘影或是馬賽克的情況,很明顯是編碼位元率的設置不夠高,但是 Youtube 渲染的界面沒有什麼進階設定可以用,建議還是選擇《H.264 Master 》的渲染設置 接下來會出現一些中國用語,主要我使用簡體中文版本使用,敬請見諒 🙇‍♂️ 首先是視頻頁籤的部分,按照 Youtube 建議的上傳編碼設定 文件說明,格式使用 MP4 並且編解碼器使用 H.264  這是為了有較好的處理速度,如果編碼成 H.265 雖然檔案比較小,但為了兼容性 Youtube 會再次將你的 H.265 影片轉成 H.264 因此效率較低,也有可能會降低你影片的畫質。編碼器維持 Auto 並勾選 網路優化 讓影片檔案適合網路串流。 接著分辨率與幀率就按照你專案的需求設定即可,接著編碼配置文件選擇 High 會有較好畫質,關鍵幀則是設定 影格率的兩倍 ,假如你的影片是 30fps 這裡就將關鍵幀設定成 60 目的是為了刷新畫面最多 2 秒的意思,如果畫面出現了殘影也頂多在 2 秒內更新。但關鍵幀不是越短越好,會導致檔案容量太大,上傳到 Youtube 後,平台可能也會再重新轉檔。 接著幀重新排序請 取消 勾選,這是 H.264 產生殘影最常見的原因。它會打亂影格順序以節省空間,但許多播放器或編碼錯誤會導致畫面像溶化一樣的黏在一起。 接著 Preset 設定為 質量 ,編碼器會花更多運算資源去分析畫面提升畫面品質。Rate Control 設定成 可變比特率 ,按照  YouTube 建議的上傳編碼設定 採用可變位元率,並且在 Bit Rate 設定位元率,假如你是 1080p 30fps 的 SDR 影片,應該要設定成 8000 Kb/s 等於 Youtube 建議的 8 Mbps。 類型 視訊位元率,標準影格速率 (24、25、30) 視訊位元率,高畫面更新率 (48、50、60) 8K 80000 ~ 160000 Kbs 120000 ~ 240000 Kb/s 2160p (4K) 35000 ~ 45000 Kb/s 53000 ~ 68000 Kb/s 1440p (2K) 16000 Kb/s 24000 Kb/s 1080p 8000 Kb/...

分享 Google 日曆的中華民國 114 ~ 115 年 (2025 ~ 2025 休假行事曆也包含勞動節)

以下是 Google 日曆按照行政院人事行政總處公告的中華民國 115 年 (2026) 政府行政機關辦公日曆表製成的,並且再加入 5/1 勞動節。 請使用此 鏈接開啟 Google 日曆 點擊左下角的《新增至 Google 日曆》匯入,另有 iCAL 格式 提供其他應用程式匯入。

2025 年第 97 屆奧斯卡 Oscars Academy Awards 入圍得獎電影的台灣上映時間與線上看平台

以下整理 2025 年第 97 屆奧斯卡 Oscars Academy Awards 入圍最佳電影的台灣上映時間以及電影預告,部分線上看平台的連結。奧斯卡獎於美國時間 2025/3/2 頒發 艾諾拉 Anora 台灣上映時間:2024/12/6 線上看平台: My Video ,  Youtube 電影 ,  Apple TV ,  Hami Video ,  Friday 影音 ,  Catchplay+ 入圍 6 項提名:最佳影片、最佳導演 Sean Baker﹑最佳女主角 Mikey Madison、最佳男配角 Yura Borisov、最佳原創劇本 Sean Baker、最佳剪輯 Sean Baker 得獎項目:🏆最佳影片、🏆最佳導演 Sean Baker﹑🏆最佳女主角 Mikey Madiso、🏆最佳原創劇本 Sean Baker、🏆最佳剪輯 Sean Baker