iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 18
1
Modern Web

Google Tag Manager Micro Challenge系列 第 18

GTM 18 - 擷取 URL 到變數(Variables)中

GTM 社團


網址(URL)變數

在 GTM 中有一個網址(URL)變數,可以透過這個變數,去擷取全部網址或部份網址,接下來就一步一步帶大家看如何實作一個網址變數。如下圖所示在使用者定義(User-Defined)變數中新增一個變數,變數類型選擇網址(URL)

https://ithelp.ithome.com.tw/upload/images/20171220/20107582042rFo7DDL.png

接著我們可以看到網址變數的元件類型(Component Type)有很多個,如下圖所示:

https://ithelp.ithome.com.tw/upload/images/20171220/20107582xX8axVhuOk.png

元件類型 (Component Type)

  • 完整網址 (Full URL)
  • 通訊協定 (Protocol)
    • 代表網址中的通訊協定,Ex:https 或 http
  • 主機名稱 (Host Name)
    • 代表網址中主機名稱,可以選擇是否濾掉(Strip)「www.」 Ex:www.example.com 或 example.com
  • 連接埠 (Port)
    • 代表網址中連接埠,Ex:8080 或 80
  • 路徑 (Path)
    • 代表網址中的路徑名稱,有點類似 GTM 中內建變數的 {{Page Path}},Ex:/article
  • 查詢 (Query)
    • 代表網址中的查詢參數(Query Parameter),如果設定是查詢鍵(Query Key) utm_source,得到的值會是 google,如果設定的查詢鍵找不到會得到 unedfined 的值
  • 片段 (Fragment)
    • 代表網址後面加上的 # 之後的字串,Ex:https://www.example.com/#index 得到的值會是 index,如果網址沒有 Fragment,會得到空字串

預覽模式

當我們的網址變數設定好後,就可以從預覽模式看到對應的變數得到值,如下圖所示,這樣我們就可以透過這些變數所搜集到的值,去做一些進階的處理了!

https://ithelp.ithome.com.tw/upload/images/20171220/20107582OpoFAmykrz.png

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 17 - 使用暫停(Pause)代碼功能,讓尚未完成的代碼停止發佈到線上
下一篇
GTM 19 - 什麼是資料層 (Data Layer),如何在 GTM 取得資料層變數
系列文
Google Tag Manager Micro Challenge30

1 則留言

1
dancegame
iT邦新手 5 級 ‧ 2018-01-05 16:56:28

變數再組合自訂Javascript整個強大!!!!

我要留言

立即登入留言