GTM進階技巧|追蹤YouTube轉換路徑,提升網站成效

從YouTube頁面點擊到網站後,有多少用戶成功轉單?有多少用戶只留下電子郵件就離開?其實這些設定一點也不難,只需要借助GTM、GA之力,就能輕鬆追蹤整個過程。這篇文章會提供詳細圖解,教你一步步完成設定,讓你掌握用戶行為的全貌。


第一步:設定YouTube的追蹤連結

要追蹤從YouTube導流到網站的流量來源,第一步就是讓網址具備唯一性
我們可以用UTM參數來實現:

  • utm_source=youtube:標記來源為YouTube。
  • utm_medium=video:標記媒介是影片。
  • utm_campaign=algiTZup-Bc:指定活動名稱(隨意命名,但要有辨識度)。

所以,連結大概會長這樣:
https://example.com/?utm_source=youtube&utm_medium=video&utm_campaign=algiTZup-Bc

Youtube影片後台設定
如果是初次嵌入影片的朋友,記得要通過驗證才能在說明欄添加連結

只要把這個連結放在YouTube影片下方的描述欄或置頂留言,就可以追蹤來自這支影片的流量啦!


第二步:在GA中查看數據

現在,只要到GA,就能篩選、檢視這些來自YouTube的流量,步驟如下:

  1. 打開 報表 > 獲客 > 流量開發。
  2. 篩選來源:utm_source=youtube。
  3. 篩選活動名稱:utm_campaign=algiTZup-Bc。
GA介面:報表、獲客、流量開發

這樣,你就能看到有多少用戶從這支影片的連結進入網站。

你可能會問:這樣我還是不知道用戶到底有沒有轉單阿!

你頭腦很清楚呢!目前的確只能知道「有多少人點擊這個連結進入網站」。
我們需要進一步追蹤他們在網站上做了什麼,以下將以常見的”點擊購物車按鈕”為例

GTM:設置用戶行為追蹤

GTM終於派上用場了!

1. 啟用變數

進入GTM,啟用以下變數,以監測按鈕行為:

  • Click Text:追蹤按鈕上的文字。
  • Click URL:追蹤按鈕目標的連結。
GTM介面:啟用Click Text與Click URL

2. 設定觸發條件

這裡必須參考網上的按鈕樣式,可以是文字、CSS屬性等,由於懶萌編想追蹤”所有按鈕”,所以可以觀察:這個按鈕的code有哪些共通屬性。

例如,我發現這裡的按鈕都包含一個指向內部的連結:https://toastread.com/cart/?add-to-cart=2111

網站後台開發者介面
如果對HTML與CSS不熟悉,可以請工程師幫忙

因此,可以設定觸發條件為:

  • Click URL 包含 add-to-cart=2111
    意思就是:用戶點擊的位置包含此URL參數。
    至此,我們就完成了GTM內部的設定,不過,GTM只是儲存數據的容器,我們還需要把數據進一步推送到GA,下一步會詳細說明。

3. 傳送數據到GA

需要設定代碼,將事件資料送到GA,方便之後分析。

下圖是完整的設定介面,需要的話可直接照抄

GTM代碼設定介面


新建一個代碼,並定義以下事件參數:

  • button_name:例如 download_template,這裡可以自定義名稱,主要是用來識別這個按鈕。
  • page_source:例如 youtube_to_page_conversion,表示這個事件的來源。

GA:標記轉換事件

終於來到最後一步!你或你的老闆可能會要求將此事件設定為轉換,可以依據以下步驟設定:

GA後台的事件管理設定
  1. 進入 管理 > 事件,新增事件:
    事件名稱:button_click
    條件:button_name = download_template
  2. 勾選「設為轉換事件」。

完成後,你就能在轉換報表中輕鬆追蹤這個完整路徑了

結語:追蹤用戶行為,其實沒有想像中那麼難

其實只要4個步驟,就能幫助你追蹤Youtube到網站,再到按鈕點擊的一系列用戶行為,不過懶萌編發現跨平台的GTM埋設常常新手們卡關的點,例如Line、Youtube等,其實並不是因為設定複雜,而是”中文圈的資源太少”且”GTM的客製化場景太多了”
如果你也對技術性的數位行銷有興趣,歡迎追蹤軟萌編,我會繼續用淺顯易懂,且附有詳細圖解的方式,幫助你手把手完成GTM設置、SEO技術、網站建置等,一起懶懶地、聰明地提升生產力!