如何用 GTM 設定「檔案下載」追蹤事件？

雖然 GA4 的「加強型評估事件」已經有「檔案下載」的追蹤功能，但誠如我們之前所說的，GA4 是透過點擊連結中的「副檔名」來判斷使用者是否為下載的行為，進而觸發 file_download 事件。

如果你的「副檔名」不在 GA4 的判讀清單當中（例如常見的 .png 或是 .jpeg 類型的檔案），那 GA4 中的「檔案下載」事件便不會啟動，而 GA4 「加強型評估事件」的操作介面中，也沒有地方可以讓我們新增「檔名」到這份判讀清單當中，此時我們就必須依賴 Google 代碼管理工具的協助，自訂一個透過 GTM 設定的「檔案下載」事件。

該怎麼做呢？其實不會很困難，需要借助到一點小小的 Javascript 以及規則運算式的技巧，其餘的設定就跟一般我們追蹤連結點擊的設定差不多。

讓我們繼續看下去。

#1. 關閉 GA4 中的「檔案下載」事件

為了不讓 GA4 的「檔案下載」事件與透過 GTM 自訂的事件衝突，以及我們將會繼續沿用「檔案下載」事件的名稱以及參數，因此為了避免收集資料上的混亂，我們必須先將其關閉。

點擊 GA4 左下角齒輪（管理）進入後台 > 選擇「資料收集和修改」> 選擇「資料串流」> 選擇該網站所屬串流 > 點擊「加強型評估區塊」右下角齒輪 > 在彈出的清單最下方找到「檔案下載」選項，將其關閉。

在 GA4「加強型評估事件」的文件中，可以看到「檔案下載」的事件名稱為 file_download，同時還會帶上參數 file_extension、file_name、link_classes、link_id、link_text、link_url

我們將會原封不動的把事件以及參數名稱複製到 GTM 設定的事件當中，保有原本的功能，同時還可以自行新增「副檔名」的判讀清單。

#2. 確認內建點擊相關變數皆有開啟

首先必須確認 GTM 中所有內建的點擊相關變數皆有勾選，稍後的設定當中我們會使用到如：Click Classes、Click ID、Click Text 以及 Click URL。

GTM 左側介面選擇「變數」 > 右上角點擊「設定」 > 勾選「點擊」區塊內的所有變數

#3. 用「自訂 Javascript」變數抓取「檔案名稱」

GTM 左側介面選擇「變數」 > 右側下拉至「使用者定義的變數」區塊 > 右上角選擇「新增」> 點選「請選擇變數類型以開始設定」> 右側彈出視窗選擇「自訂 Javascript」

接著將以下代碼複製到「自訂 Javascript」變數當中，這段代碼會協助我們「取出」使用者點擊的連結中的「檔案名稱」，我們會將這個「自訂 Javascript」變數用於原 GA4「檔案下載」使用的參數 file_name。

function() {
// 檢查點擊的連結是否存在且不為空
if ({{Click URL}} && {{Click URL}} !== ”) {
var filename = decodeURIComponent({{Click URL}}.split(‘/’).pop());
// 將URL以斜杠(“/”)為分隔符拆分為陣列，並取最後一個元素作為文件名

// 檢查文件名是否包含副檔名，有的話回傳 filename，沒有的話回傳 n/a
if (filename.includes(‘.’)) {
return filename;
} else {
return ‘n/a’;
}
} else {
return ‘n/a’;
}
}

命名 CJS | File Name 儲存之後，我們就可以開始設定用來取得「副檔名 file_extension」的變數。

#4. 用「自動事件變數」抓取「副檔名」

副檔名的抓取就相對簡單多了，透過 GTM 內建的「自動事件變數」便可以幫我們完成。

（如果對於「自動事件變數」想要有更進一步的了解，可以參考這篇文章：GTM 變數介紹：自動事件變數）

GTM 左側介面選擇「變數」 > 右側下拉至「使用者定義的變數」區塊 > 右上角選擇「新增」> 點選「請選擇變數類型以開始設定」> 右側彈出視窗選擇「自動事件變數」

之所以會使用「自動事件變數」是因為該變數會在使用者與網頁產生互動時，抓取我們所指定的特定「值」，在這邊的互動就是當使用者點擊連結時，該「自動事件變數」會去抓取連結中的「副檔名」，我們就可以將這個變數用於原 GA4「檔案下載」使用的參數 file_extension，設定方式如下圖：