Tag: Google Tag Manager
All the articles with the tag "Google Tag Manager".
Analytics Debugger 教學，GA4、GTM 和 Pixel 一次檢查
Analytics Debugger 是我幾乎每天都會開的 Chrome 擴充功能，檢查 GTM DataLayer、GA4 或 Marketing Pixels 時，不用一直翻 Network Request
在 GTM 安裝 Line Tag Pixel
完整介紹如何在 Google Tag Manager 中安裝 Line Tag，包含basecode、轉換事件、自定義事件以及 DPA 動態廣告所需的標準事件追蹤設定。
工具推薦-移除 GTM 中的舊版 GA設定-Tagsbuster
GA3(UA) 已經正式退場，但 Google Tag Manager 還是遺留了不少舊版 GA 的設定，推薦一個可以找出舊版 GA 設定的工具並一次輕鬆移除
Google Tag Manager - 觸發條件 點擊和連結點擊 (All Click, Link Click)
Google Tag Manager 中的觸發條件(Trigger), 要如何設定點擊和連結點擊，兩者的差異以及該選哪一個
Google Tag Manager 工作區過大，原來有空間大小限制
遇到 GTM 的工作區過大問題，代表 GTM 裡面已經包含了太多的設定，需要做一些確認和大掃除才能保持 GTM 的整潔，希望能幫助到一些遭遇到此困境的大家
詢問 Google Tag Manager 相關的問題
如何有效發問 Google Tag Manager 的問題或疑難雜症，讓其他人快速又精準的能回答你的問題，也會增加大家回答的意願!
Chrome Devtool 在追蹤上的一些特殊技巧
點擊連結時可以不要跳轉網頁來確認追蹤、使用 Chrome Devtool 的快捷鍵來快速測試 CSS Selector 和使用上一個指令
社群問答:CSS Selector 選擇想要的元素來做點擊追蹤
情境是想要追蹤一些 a link 連結的點擊追蹤，可是這些元素都沒有適合參考的 id, class。唯一看起來可以使用的就是 data-type 的屬性，如何使用 CSS Selector 在做到
社群問答:使用 JavaScript 取得 DataLayer 的資料
Stackoverflow 中有人提問在 Google Tag Manager 如何使用 Custom JavaScript 來取得 DataLayer 中的資料，有兩種方法可以達成這個需求，一個是使用一般的 JavaScript，另一種是使用 Google Tag Manager 的特殊物件
利用 GA4 GTM 來追蹤網頁載入時間 - GTM 進階技巧
以前使用舊版的GA中看得到使用者的網頁載入時間，目前在 GA4 預設是沒有這個功能的，於是找到了可以使用 JavaScript 來取得相關的載入時間後，用GA4 的 event 來搜集相關訊息
GA4 用超商來解釋 Event、Session 和 User
由於 GA4 Event Session User 的概念很重要，會影響很多維度和指標上的搭配，所以希望能透過超商來解釋這些概念
DataLayer 壞掉影響 Google Tag Manager 的追蹤，排查可能的原因
在短短的一天中居然有不同的人同時問了 dataLayer 怪怪的，也剛好都可以用同樣的方式排查和確認問題，到底是什麼造成 dataLayer 壞掉
Facebook Pixel 利用 GTM 安裝和注意事項避免重複觸發
Facebook Pixel 像素是一個很常見安裝在網站上的程式碼，只是 Meta 在 Pixel像素 的安裝文件中只提到最簡易的安裝方式，這種方式促使只要網站上安裝超過一組 Pixel ID 就會造成重複觸發或是互相干擾的情況，這裡也會提供在 Google Tag Manager 或是 hardcode 上可以避免的方式
Google Tag 釋出，GA4 的 Configuration Tag 不見了
Google Tag Manager 最近有個蠻大的更新，以前的 GA4 Configuration Tag 不見了，取而代之的是全新的 Google Tag 代碼， 變數中也多了 Google 代碼：事件設定、Google 代碼：配置設定。這個全新的設計帶來了和以前不太一樣的設定邏輯，也在一些場景中有更好的設定方式。
Google Optimize 建立實驗與透過 Google Tag Manager 來安裝
免費的 AB 測試工具中，Google Optimize 一直都是個不錯的選擇。除了簡單介紹實驗的建立以外，會提到如何使用 Google Tag Manager 安裝和串接 Google Analytics 4 來查看數據。
Google Tag Manager - 進階技巧 DataLayer Variable 資料層變數的版本1和2
新增一個 資料層變數(DataLayer Variable) 時，會看到下方有一個選項「資料層版本」，預設都是版本2，其實版本2和版本1有蠻大的差異，如果能了解這兩個選項的不同，就能避免在一些特殊情況下可能會搜集到錯誤資料的可能
Google Tag Manager - 進階技巧 CSS 選擇器的練習資源
多次在 StackOverflow 的問答中或是實務上被問到的問題，會發現很多情境都會使用到 CSS Selector(選擇器)，但這對於不常使用的人來說其實有一定的入門門檻，這邊介紹了一個用遊戲來學習 CSS Selector 的網站和教學的資源搭配使用
Google Tag Manager - 觸發條件 網頁瀏覽、Dom就緒、視窗已載入
GTM 的觸發條件 - 網頁瀏覽(Page View)、Dom就緒(Dom Ready)、視窗已載入(Window Loaded)三個觸發條件由於非常接近，直接綜合在一起寫，也可以發現說其實這三個觸發條件是有順序關聯的，希望能好好解釋這三者的差異
Google Tag Manager - 觸發條件 元素可見度 (Element Visibility)
GTM 的觸發條件 - 元素可見度，是個能力強大的工具，當你想要追蹤一個網頁元素的出現，或是一個元素滾動到可視範圍中，都可以使用這個觸發條件來達成
Google Tag Manager - 變數 對照表(Lookup Table) 介紹和如何使用
GTM 的變數 - 對照表(Lookup Table)，可以幫助你在有明確規則的狀況下改寫變數中的值，用來去蕪存菁或是直接改成想要的資料格式。只需要注意他的運算規則是等於(==)而不是包含
