「學習一門領域的時候,有個人將地圖教給你是件很幸福的事」
學習一門新領域時,重要的是知道自己在哪,要前進的方向是何處,還有多少路要走,能拿著地圖前進,事件很幸福的事。
這系列 GTM 教學文章共 9 篇,會從基礎的 GTM 教學開始,一步步帶你入門。這系列是當初我在入門 Google Tag Manger 時希望有人能為我寫好的 GTM 文章,希望能幫助到你!
一. GTM 基礎入門教學
此小章節 GTM 基礎入門教學中,我們會一步一步入門 GTM,首先用一個實際的案例 (GA4 埋設) 帶你走過 GTM 三個步驟,「代碼 Tags」、「變數」、「觸發條件」。當有 GTM 介面基礎操作經驗後,我們會用三個案例帶你理解什麼是「資料層 dataLayer」。最後恭喜你已經熟悉 GTM 的操作,我們會在下個小節 – GTM 基礎實戰教學,有更多的實戰 GTM 教學。
基礎是最容易被遺忘的細節,你是否有過仔細讀 GTM 上的每一行 code 的意義,本篇除了會手把手帶大家安裝 GTM 到網站上外,也會帶你理解埋設 GTM 在網站上後,這段程式碼會執行什麼事情。
已終為始的學習方式,我們將直接用最簡單的 GA4 基礎代碼埋設,來帶大家了解埋設 GTM 必經歷的三個步驟,「代碼 Tags」、「變數」、「觸發條件」。
貫穿 GTM 經脈的 dataLayer 是什麼?GTM 背後的所有操作都與 dataLayer 息息相關,這篇我們將用三個實際案例,帶你讀懂什麼是 GTM dataLayer。
在開始進入實際埋設教學前,有個很重要的概念是理解「網頁瀏覽的觸發順序」,剛好也可以複習我們剛剛學會的 dataLayer!
二. GTM 基礎實戰教學
此小章節 GTM 基礎實戰教學中,我們會用 5 個 GTM 常見的事件追蹤教學,會從 GA4 滾軸事件、GA4 全站點擊、表單追蹤、GA4 跨網域追蹤到錯誤訊息追蹤,帶大家從實戰中學習入門 Google Tag Manager。
目前 GA4 可以自動追蹤使用者滑到頁面底部 (90%) 時送出事件,本篇將帶你埋設更詳細的 25%、50%、75% 滾軸事件,此數據追蹤很適合用在網站有「活動頁面」的情況下,透過此數據來優化頁面板塊資訊!
目前 GA4 會自動追蹤「點擊 (click)」事件,但僅限「導外連結」會追蹤 (會將使用者帶離本站的連結),本篇將帶你追蹤使用者在站內的「所有點擊」,此數據如果搭配篩選器使用,可以清晰地解讀出使用者在頁面上的所有瀏覽行為。
網站出現異常 !? 本篇將帶你利用追蹤頁面 JavaScript 錯誤訊息,搭配 GA4 的事件監控異常通知,讓你可以更早且精確的發現網站出現狀況。
當你有多個不同網域,或是有額外的 Blog 網站時會需要做設定,
本篇會帶你理解什麼是子域和網域,為什麼需要跨域追蹤?和跨域追蹤需要在 GA4 或 GTM 上做什麼設定。
目前 GA4 可以自動追蹤表單的「開始 (form_start)」和「送出事件 (form_submit)」,但如果你遇到表單數字總是異常或是不會觸發事件該怎麼辦?這篇會帶著你理解不會觸發的兩種主要原因。
最後我是 Max,過去曾在「新加坡蝦皮」擔任資深數據分析師,管理蝦皮所有國家的 Google Tag Manager,也曾在「圖靈數位」為上百家的網站埋設和清理 GTM,如果你有GTM 企業內訓需求、電子商務埋設檢查 或 GTM 埋設需求,歡迎與我聯繫!