Javascript 變數可以讓你取用你設定在頁面上的全域變數，而這裡說的全域變數指的是開發者所建立的，不一定來自 GTM 或是 DOM ，當然你也可以用這個變數取得 DOM 物件上的資料，今天就來簡單介紹一下DOM吧！ 想知道更多的，歡迎訂閱電子書喔！！ 大家趕快來體驗吧～～ － 對了CFM 將有一項全新的會員計劃啦！ 想了解的繼續看下去吧～～ － 【 會員制度測試計畫！讓你一次觀看所有電子書！】 感謝各位社員一直以來的支持與參與， CFM 即將開放一項全新的會員計劃， 本次將招募30位測試員夥伴前來體驗， 但請留意： 本次活動為付費體驗但於指定時間內申請取消訂閱即可全額退款。 詳情請參考下方問卷連結 活動詳情請參考（主頁簡介處也有連結喔） https://forms.gle/yaXiiWo4RdhVmnF96 透過會員計劃，你可以享受以下內容： 1. 電子書觀看，無需等待，每月隨你看！ 2. 無限次觀看電子書！ 3. 每月新增電子書，讓你每月都有新知識！ 本次參與可觀看之電子書內容： 1. GA 基本教學 2. GTM 基本概念與解析 3. Firebase 基本教學與解析 4. A/B Test 與 Google Optimize 介紹 5. Retention 分析基礎概念 part 1 6. Google Search Ads 應用&基礎介紹 7. GA4 Part 1 : 基礎認識與事件概念 8. GA4 Part 2 : 常用報表與使用說明 #DOM #文件物件模型 #marketing #行銷 #分析工具 #工具 #knowledge #Javascript #marketingknowledge #行銷知識 #variable #觸發條件 #標籤 #marketingtips #DocumentObjectModel #GTM

今天要來跟大家分享的是行銷人必懂工具GTM(Google Tag Manager)代碼管理工具！ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ 如果有埋過網站代碼的行銷人應該就知道，埋網站代碼麻煩的不是安裝的步驟，因為只需要複製貼上就好。最難的是你沒有網站後台權限，所以你要拜託公司裡的工程師，或是客戶的網站負責人幫你植入程式碼，但這一來一往不僅耗時，而且有時候還會有裝錯、誤刪的問題😥 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ 今天介紹的代碼安裝工具GTM就是可以讓你裝完GTM之後，後續不論想安裝GA、像素、網站瀏覽深度或是點擊，都可以自己透過GTM埋設代碼啦！ ﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 🔎 為什麼需要網站追蹤碼 ﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋ 在正式介紹GTM工具之前，先跟大家聊聊追蹤碼的必要性，對沒錯，我是說他必要，而不僅僅是重要而已。即便沒有投遞廣告，網站追蹤碼都是必要的，就好像實體店家會透過辦會員蒐集客戶資料、購物偏好，網站追蹤也是同樣的道理，都是在幫你了解你的客戶偏好、基本資料（性別、年齡、地區等）。 ﹏﹏﹏﹏﹏﹏﹏ 🔎 什麼是GTM ﹋﹋﹋﹋﹋﹋﹋ GTM是Google的代碼工具，全稱Google Tag Manager，聽起來有點複雜，但可以理解成它就是追蹤碼與網站之間的橋樑，所以當你把橋樑搭上，就可以透過GTM將追蹤碼安裝到網站上了。 ﹏﹏﹏﹏﹏﹏﹏﹏﹏ 🔎GTM要素一：Tag ﹋﹋﹋﹋﹋﹋﹋﹋﹋ 剛剛一直提到代碼，那麼什麼是代碼？代碼是部分程式碼，像是會有GA代碼、Google關鍵字廣告代碼、再行銷等紀錄網站行為的程式碼。 ﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 🔎GTM要素二：觸發條件 ﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋ 網站訪客行為如何在報表呈現數字？需要程式碼啟動，然後回傳資料到統計的報表。代碼啟動的條件設定就是所謂的觸發條件，常見的觸發條件包括：點擊、網頁瀏覽等。 ﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 🔎GTM要素三：變數 ﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋ 設定完條件之後，我們還需要為代碼指定變數，也就是比起觸發條件更細節的觸發時機篩選器。舉個例子來說，當訪客進入到網頁，就滿足了觸發條件：網頁瀏覽，但哪個網頁是你要記錄的？例如說結帳完成頁面(https://aderlab.com/end)，那麼就會在GTM變數設定結帳完成的頁面網址 (ex：URL包含/end)，資料就會篩選掉其他不符合條件的頁面，只在訪客進入結帳完成頁面才回傳數據資料。 ﹏﹏﹏﹏﹏﹏﹏ 🔎雪倫小叮嚀 ﹋﹋﹋﹋﹋﹋﹋ 如果是沒有使用過GTM的朋友，聽起來可能會覺得有點複雜，可以先進入GTM畫面操作看看應該會更了解，安裝完之後，也別忘了預覽模式檢查看看，或是透過無痕模式瀏覽網站檢視有沒有安裝成功囉！ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ #廣告實驗室 #雪倫微課程 #gtm #googletagmanager #行銷 #行銷人 #數位行銷 #網路行銷 #電商 #網站 #工具 #設定 #筆記 #超實用