【GTM】簡單的「自訂變數」範例

重點 — 注意變數名稱的設定

• GTM中，若有變數是想要自己定義或設計的，像是抓取特定計算過後的結果（以函式計算的自訂值），可以透過「新增」變數的方式設定。

• 變數的名稱（介面左上角那個），就是其他GTM代碼所使用的「值」。

  

  

• 找到變數後，點擊新增，選擇自己要設定的選項即可，種類相當多。

  

實作

以下用「自訂JavaScript」為範例，這次的範例是抓取local storage的值，作為「自訂變數」給其他GTM代碼使用。

1. 新增變數

   

2. 選擇「自訂JavaScript」

   

3. 寫入名稱、自訂的函式（注意，這邊不支援ES5以上的寫法，像是const什麼的語法都用不了，會報錯！）

   

   程式碼範例

   function getLSData() {
     // 不能用const
     return localStorage.getItem('YOUR_LOCAL_STORAGE_KEY');
   }

   也可順便設定，抓不到值（null, undefined等）時，自動轉換為特定值（就不用寫在程式了）

---

REF

• 更多更詳細請看這：https://support.google.com/tagmanager/answer/7683362?hl=zh-Hans
• 部落格參考來源
  • https://www.optizent.com/blog/how-to-add-javascript-to-google-tag-manager/