GA4教學｜GTM如何串接GA4｜GA4常見問題大全
2023年7月，Google analytic 通用版，即將停止處理資料，如何搬遷GA3、資料備份、有沒有辦法無痛轉移。選擇GTM直接無痛搬遷!
GTM教學｜設定GA4事件大全
要如何知道客人進入首頁後，點過甚麼，選單列被點了幾次? 教你如何追蹤官網上的選單列、菜單列，並成功將事件傳送回GA4。
GTM教學｜新的GTM容器一定要做這設定
我寫了幾個給新加入使用GTM容器的官網。新創GTM必須要做事，「確保有打開內建變數」，以便未來追蹤、參數使用。
GTM教學｜DOM抓取電商中的轉換價值
DOM變數的功能滿適合用在許多類型的網站，像是電商資料的數值、表單內的個人資料抓取。
GTM教學｜GA4電子商務事件埋設範本
這一篇想推薦另外一個GTM實用範本，也很適合不會寫CODE的行銷人，或是準備要架設整個官網的「電子商務事件」。
GTM教學｜3分鐘檢查GA4事件重複錯誤
2023年7月Google Analytics UA即將汰換成GA4，許多人都會面臨到「事件重複、瀏覽次數異常、轉換事件異常、電子商務報表數字倍增等」。
GTM教學｜推薦GTM範本｜全新DataLayer寫入方式
這篇主題為使用「GTM實用範本」，可以讓我們直接在網站做DataPush的動作。
GTM教學｜CSS Selector抓取表格的值
CSS 選擇器，可以使指定HTML，套用在特定CSS上；在爬蟲的應用，則是常用來做為頁面的定位。
GTM教學｜AutoEvent追蹤使用者點選的圖片
AutoEvent「ElementAttribute」，專用來追蹤元素屬性，像是圖片的ALT、其他按鈕的屬性，只要有辦法更改到html，就有辦法用AutoEvent抓取資料。像是，官網有很多張Banner，你可能會想知道哪張Banner被點擊最多次。
GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
你可以使用「網址參數」。他可以藉由URL，抓取網紅的推薦來源，並將網紅的金額，計入在GA4中。
GTM教學｜埋設事件｜確認GA4有無收到事件
本篇重點為查看瀏覽器發出的「網站請求」，當下即可查看官網是否有正確發送事件至GA4。
GTM教學｜了解網站熱門頁面｜GTM追蹤點擊事件
我個人認為GoogleTagManager追蹤方式，非GTM的全站點擊追蹤事件莫屬，簡單安裝，CP值超高。特別是部落格、名單型網站，「追蹤網站的點擊事件」。
GTM教學｜網站計時器埋設｜抓出使用者進站停留時間
此設定可以抓出停留任一時間的使用者，依照指定時間觸發並傳送事件至GA4。除了網站研究分析外，還可以再打包成目標受眾，進行二次RT。
GTM教學｜Debug模式快速查詢埋設錯誤
Dubug模式，裡面包含可以知道網站的事件順序，以及如果沒有正確埋設，該如何及時修正調整，同時它其實也可以查看GA4那邊接收資料的狀況、網站上的dlv資料。
GTM教學｜網站通話追蹤｜臉書私訊、加LINE
名單型網站，搜尋客戶的連絡資訊，想要追蹤網站上的撥打電話按鈕、加入LINE的按鈕、導臉書私訊。
GTM教學｜抓取ClientID｜GA4自訂維度分析
ClientID存放在網站裡面的Cookie 讓GA辨識裝置使用者。而另外一種則是UserID，透過使用者登入網站後，給一組指定的ID，只要使用者換裝置，都可以辨認是同一位使用者。
GTM教學｜名單型網站追蹤｜Thankyou 表單事件
這一篇想要透過範例網站介紹，如果是行銷公司、其他蒐集名單的網站，該如何成功建立一個表單填寫的事件。
GTM教學｜如何辨別是否網站為SPA站
Single Page Application（SPA） Google Tag Manager - Debug打開後發現怎麼點網站，都不會有頁面切換的事件。看到此跡象，已經可以先推測目前的網頁是SPA了。
GTM教學｜Google Ads 強轉換 | 購買金額
這一篇主要分享，將你的轉換目標，部署在你的網站上，可以幫助GAds抓到網站上發生的轉換事件。方便系統蒐集事件、價值，也能讓系統學習，提升廣告成效。
GTM教學｜GTAG部署方式三大整理
近期2023年9月，Google已經開始陸續更新GTM的帳號新功能，將原本的GA4 Configuration升級至Google Tag。這樣的好處是，可以擺脫重複設定參數、以及Google旗下產品的追蹤整合 (目前更新我認為尚未全面完成)。
GTM教學｜提升廣告成效｜Adblocker阻擋原理
前陣子開始提及IOS17會將fbcild, gclid給殺光，讓廣告的成效越來越難追蹤。因此這一篇想要討論，為甚麼要做Server-side的追蹤 (以下簡稱S端)。 如果你是要瞭解透過GCP部署伺服器，那你可以查看 由GCP伺服器追蹤：「 GTM教學 - 手動設定GCP-SERVER伺服器配置 」。 由STAPE伺服器追蹤：「 GTM - ServerSide 伺服器追蹤教學 | 伺服器配置設定 」。 S端基本概念 原本的Client端追蹤，都是直接透過使用者的瀏覽器，發送請求至第三方追蹤工具，例如GA4, FB Pixel，但隨著IOS更新政策，Adblocker的頻繁使用，導致這些追蹤
GTM教學｜GA4電商埋設1｜抓取Value
電子商務事件中的Value屬於必備參數 ，務必在埋設的過程中，要將Value給傳入至GA4。如果沒有value會發生你的GA4營利報表無法計算準確的事件金額，不管是加入購物車、購買等電子商務事件。 如果要自行透過GTM埋設電商事件，那要從哪裡開始執行。接下來這一系列會拆解，關於GTM埋設電商事件，你所需要的資料。將在這些集中，為你一一的拆解。 如果你想要增加電子商務追蹤的準確率，那務必要考慮伺服器追蹤 ，因為目前使用者大多為蘋果用戶，另外也會 安裝阻擋外掛插件 ，而這一些都會造成網站無法順利發送資料至GA4。 本篇會假設讀者已經 熟悉GA4的基礎追蹤、GA4的基礎串接 都已經施行完畢。如果你這
GTM教學｜GA4電商埋設2｜抓取ItemID
電子商務事件中的ItemID屬於必備參數 ，務必在埋設的過程中，要將ItemID給傳入至GA4。 如果你還沒有看前一篇怎麼設定GA4的Value，那你可以參考這篇「 GTM電子商務埋設大全1 - CSS Selector抓取Value，GA4電子商務完整代碼埋設 」。 本篇會假設讀者已經 熟悉GA4的基礎追蹤、GA4的基礎串接 都已經施行完畢。如果你這些不熟悉的，那麼本篇文章就會相對較吃力。如果你是想要 提升GA4電子商務事件收集的準確度 ，我會建議你使用伺服器追蹤，透過伺服器追蹤來分派你所有第三方平台的資料收集。 本集事件：GTM電子商務埋設add_to_cart 抓取變數：ItemID 範
GTM教學｜GA4電商埋設3｜抓取ItemName
電子商務事件中的ItemName屬於必備參數 ，務必在埋設的過程中，要將ItemName給傳入至GA4。ItemName攸關於你的營利報表中的品項名稱是否能正常顯示，如果 沒有ItemName會導致報表有notset顯示 。 本篇會假設讀者已經 熟悉GA4的基礎追蹤、GA4的基礎串接 都已經施行完畢。如果你這些不熟悉的，那麼本篇文章就會相對較吃力，如果你需要使用到 CssSelector抓取網站前台資料 ，那務必也在本篇教學開始前熟悉這項技能。如果你是想要 提升GA4電子商務事件收集的準確度 ，我會建議你使用伺服器追蹤，透過伺服器追蹤來分派你所有第三方平台的資料收集。 GTM電子商務埋設大全1
GTM教學｜GA4電商埋設4｜GA4電子商務完整埋設
電子商務事件中的Affiliation屬於選項參數 ，因此在埋設的過程中，埋設人員可依照公司情況將 Affiliation 給傳入至GA4。 Affiliation 用於追蹤聯盟推廣的電子商務事件，如果你的公司是 使用自架網站，並且時常會有跟網紅、KOC合作 ，這參數你就可以考慮連帶傳給GA4。 另外可能會有的疑慮，這樣手動埋設，會不會因為網頁跳轉導致追蹤失效? 因此這一集教學，還有包含寫入至Cookie或是你要寫入至LocalStorage也可以。這樣客人從一進官網，我們就會將從KOL來源做儲存於使用者的瀏覽器中，並且於發生指定轉換事件時，轉換事件連同KOL參數一起回傳至GA4，因此不用擔心
GTM教學｜GA4電商埋設5｜GA4電商埋設
電子商務事件中的Coupon屬於非必備參數 ，務必在埋設的過程中，Coupon給傳入至GA4。 台灣開店平台快速架站，GA4設定也滿全面；所以只有少數會需要使用到Coupon的參數資料。為了讓教學落實完整性，這集也是講Coupon。不過這集內容我覺得稍微有難度，你應該也可以從中學習到不少埋設的知識。Coupon參數用於顯示網站的折扣，透過 price - Coupon = value 得出該電子商務事件的value。如果你的網站會有折價券、折扣、優惠碼等活動，那麼這個參數就可以考慮傳入GA4。 如果要自行透過GTM埋設電商事件，那要從哪裡開始執行。接下來這一系列會拆解，關於GTM埋設電商事件，
GTM教學｜GA4電商埋設1｜電商必要參數抓取
Tiktok廣告追蹤參數，類似於臉書Facebook Pixel， 其中Tiktok的參數使用Content為KEY值 。因此如果你的網站是使用開店平台，且原本就有push指定DataLayer至你的GTM中，那麼你的重點就是查看，D ataLayer有無與Tiktok所需要KEY值一樣 ，如果沒有，就需要跑JS的For迴圈，將資料的Key值進行更換。 本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集，並且規劃成文章、Youtube內容。 Tiktok廣告追蹤埋設， 流程為網站資料-> GTM-DataLayer ->GTM代碼 -> TIKTOK廣告後台。 Tiktok廣告電子商
GTM教學｜Tiktok廣告電商埋設2
Tiktok廣告追蹤參數，類似於臉書Facebook Pixel， 其中Tiktok的參數使用Content為KEY值 。因此如果你的網站是使用開店平台，且原本就有push指定DataLayer至你的GTM中，那麼你的重點就是查看，D ataLayer有無與Tiktok所需要KEY值一樣 ，如果沒有，就需要跑JS的For迴圈，將資料的Key值進行更換。 本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集，並且規劃成以下內容。 Tiktok廣告電子商務埋設大全1 - 電子商務必要參數介紹及抓取 Tiktok廣告電子商務埋設大全2 - GTM實戰埋設 Tiktok廣告電子商務埋設大全3
GTM教學｜Tiktok廣告電子商務埋設大全3｜ 廣告代碼埋設
Tiktok廣告追蹤參數，類似於臉書Facebook Pixel， 其中Tiktok的參數使用Content為KEY值 。因此如果你的網站是使用開店平台，且原本就有push指定DataLayer至你的GTM中，那麼你的重點就是查看，D ataLayer有無與Tiktok所需要KEY值一樣 ，如果沒有，就需要跑JS的For迴圈，將資料的Key值進行更換。 本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集，並且規劃成以下內容。 Tiktok廣告電子商務埋設大全1 - 電子商務必要參數介紹及抓取 Tiktok廣告電子商務埋設大全2 - GTM實戰埋設 Tiktok廣告電子商務埋設大全3
GTM教學｜伺服器追蹤教學 | 伺服器配置設定
https://youtu.be/hWRiKwpcx64 務必看以下教學內容時，先購買好公司的伺服器，例如「GCP、STAPE」。這兩個都是常見的，專門處理GTM-S容器請求的伺服器。如果沒有購買，以下教學也將無法成功完成。 如果你想要先使用免費的，那你可以先考慮Stape，他有提供1萬次的免費請求，之後如果你有需要再開通付費即可。如果你想要透過GCP安裝你的伺服器，那你可以查看「 GTM教學 - 手動設定GCP-SERVER伺服器配置 」。另外以上兩個都是國外平台，如果您的公司是在台灣，且希望可以有一台固定成本的伺服器， 黑客數位也提供 "GTM伺服器建置服務" 。我們可提供發票、GTM S
GTM教學｜伺服器追蹤教學2 | GA4事件設定
https://youtu.be/hx7__67JTms 本篇文章為，GTM伺服器追蹤設定GA4的事件，並且說明如何查看GTM伺服器中的DUBUG模式的介面，以及伺服器新增自訂參數(IP)後的資料。 如果你想要先使用免費的，那你可以先考慮Stape，他有提供1萬次的免費請求，之後如果你有需要再開通付費即可。 當然GOOGLE一開始也有提供300元美金 ，應該可以夠企業撐一陣子試用。 本系列會講解有關ServerSIde的建設，以及Server可以做到哪一些Client收集不到的資料， 務必確保要看這一系列的同時，公司已經埋設好Server，或是已經購買好伺服器 。在執行伺服器追蹤時，務必要掌握
GTM教學｜伺服器追蹤教學3 | Facebook轉換Capi設定
臉書的CAPI是甚麼? 或者說是臉書的廣告伺服器轉換追蹤。透過伺服器追蹤，可以提升臉書來自廣告轉換的正確事件量數。本篇文章為GTM伺服器追蹤設定臉書CAPI轉換事件，並且說明如何設定事件ID，以避免瀏覽器&伺服器傳送相同事件，造成事件重複收集。以及CLIENT容器、SERVER容器該代碼如何配置、參數如何調整。 埋設之前務必確認自己有購買伺服器，以及做出對應的設定，Facebook CAPI才會有用。 「GTM - ServerSide 伺服器追蹤教學 | 伺服器配置設定」 埋設臉書CPAI轉換事件，首先你需要設定好對應的CLIENT事
GTM教學｜追蹤來自部落格轉換成效
想要 追蹤來自部落格的轉換成效 ，本篇幫你整理好可行的方式。透過URL擷取字串，設定於GTM的變數中，再透過JS與Cookie存放，避免網頁多次跳轉的遺失，最後完成轉換動作，回傳到指定部落格參數，即可完成。 本篇會跟你解析透過GTM設定，來自部落格的成效﹐方式應該會有滿多種，本次我分享一個相對比較簡單的方式給大家自己設定。同時也能設定來源，從部落格哪篇文章，皆由自己決定。 設定部落格的超連結 先將你網站的全部連結字尾，設定對應的查詢字串。 先到網站部落格的對內超連結設定exaple.com?blog=1，於你的連結後面新增「?blog=1」。當從部落格進來的流量，就會抓到1。 如果你的名稱不是
GTM教學｜伺服器追蹤教學4｜Http解說
https://youtu.be/F-fgUxngV9k 本篇文章為帶你了解，GTM伺服器裡面的HTTP請求所含的資料、以及URL後面所帶的參數解說，以求從前端(CLIENT)所接收到的網站資料。其中裡面也有伺服器提供的資料，像是使用者的IP、使用者的經緯度等資料，都是我們在GTM伺服器可以掌握的， 而這些資料，也都是可以拿來做「追蹤」。 這一篇基本上算認識伺服器的觀念，沒有任何實際操作，但這篇絕對可以幫助我們，搞懂伺服器到底在幹嘛、這些資料背後的涵義，還有看懂URL所帶的參數背後意思，這樣我們才能使用伺服器追蹤的更加透徹。 當然後續這些資料，你也可以使用在GA4中，只是要小心PII的政策。
GTM教學｜伺服器追蹤｜自訂網域追蹤
伺服器可以透過設定，來將網站發送的HTTP請求網址，更改為自家的子網域+主網域名稱，這樣更改可以減少被第三方瀏覽器插件阻擋的機會，因為ADBLOCK基本上都會統一將google-analytic...開頭的請求放入黑名單。但依照我測試下來，有一些廣告阻擋器，追蹤還是可以順利通過，但使用者的情況無限多種，因此我個人認為，有辦法讓自己的追蹤設定更全面，就一定要做到，才能有後續進一步的數據分析。 像下面這一張圖，臉書像素就是被AdBlocker封鎖請求 (影響廣告成效)。 本次文章GCP的自訂網域，以及STAPE自訂網域，
GTM教學｜GTM常用變數中文解說
本篇要講GTM常用內建變數：中譯+功能解說。 變數的位置在哪邊 打開你的clien容器，並點選左邊選單的「變數」。 點選右上角，紅框處的設定。打開後就會看到待會要講解的全部變數中譯+功能解說。 變數的實際位置。 網頁類 Page URL：當前瀏覽器網址 Page Hostname：當前瀏覽器網址的主機名稱 Page Path：當前瀏覽器網址路徑 Referrer：當前瀏覽網頁的上一網域 點擊類 Click Element：回傳點擊元件Dom選擇器 Click Classes：點擊元件的類別屬性值 Click ID：點擊元件的ID屬性值 Click Target：點擊元件的Target屬性值
GTM教學｜臉書像素重複事件怎麼解決
這一篇適合代理商人員，如果要操作新品牌的臉書廣告投放，如果遇到一個網站有多個pixel正在同時追蹤，該怎麼確保自家的Pixel可以正確發送。臉書廣告追蹤，由於品牌主可能會分給多間代理商同時進行，因此網站會有多個像素。我會建議直接使用 Server伺服器追蹤 來發送給其他行銷公司數據，同時也能幫助企業做好js代碼的管理。 你需要確認以下幾點: 你自己埋設的pixel全部都正確，觸發條件也正確。 別的代理商怎麼埋設。可能有使用Facebook範本、原生JS、原生JS外連檔案。 確定你的Facebook基礎代碼 (init)，都有在事件發送前先觸發。 如果有重複事件發生，也確定只有埋一次，那就去追查
GTM教學｜手動設定GCP SERVER伺服器配置
這一篇會教你如何使用GCP，手動設定GCP-SERVER。而手動設定部署的伺服器，有甚麼好處? 可以選擇伺服器Region，例如台灣地區 / 美國地區 / 非洲地區等。你可以依照自己的客群所在地，把伺服器部署到相對近的位置，進而提高網站資料傳遞速度，同時有些地區的價碼也不同，所以也是一個經濟成本的考量。如果你是透過自動部署，GCP會自動幫你選擇美國地區，對於在台灣的使用者來說，就會多了等待傳遞的時間。 選擇最小instance & 最大instance。如果你是透過GTM自動幫你部署，他會直接自動幫你設定你的伺服器個體"下限"與"上限"。如果你是手動部署，你可以根據自己網站的流量 / 事件預計
GTM教學｜WordPress表單驗證事件｜GA4追蹤教學
表單事件在GA裡面算是加強型評估之一，所以基本上你有埋設GA4，他就會自動幫你開啟。但不幸的是它並不會幫你驗證「表單有無完整填寫」， 所以點了提交表單如果失敗，還是會傳送一次的GA4事件 。 因此你在GA4所看到的Form_submit，都是失敗與成功混在一起的。如果你想要看WORDPRESS表單驗證追蹤，那就繼續往下看本文教學。有分成不需要程式碼，Wordpress兩種方式都可以使用，如果是自己架設的平台，那就需要手動設定JS自訂代碼。 本篇文章也會透過WordPress兩個外掛，不需要碰到JS程式碼，即可完成表單驗證機制的功能。表單驗證機制有甚麼好處？對於老闆、決策者來說，可以明確知道實際
GTM教學｜設定臉書像素｜常見Meta問題總整理
https://youtu.be/bM6in7F_d3I 黑客全新服務 - 第三方串接工具 。目前我們提供Google sheet, Chrome Extension, Looker Studio 串接第三方廣告數據。我們提供免費7天試用期，專人客服服務。 臉書廣告(Meta Pixel)像素怎麼埋設，怎麼讓pixel有正確出發事件? 本篇將所有Meta像素埋設需要用到的技術，都會在這一篇總整理，提供給讀者參考。對於電商平台想要投放廣告在Meta，最重要的也是先將臉書像素埋設好，這樣後續才有利於廣告追蹤、受眾包收集後續再行銷使用。 如果你是電商產業，最重要的就是在 前端拿到「購買金額」 ，並透
GTM教學｜GTM問題總整理
本篇文章集合常見GTM問題。GTM是甚麼、GTM基礎埋碼、GTM伺服器埋設該如何操作、GTM埋設META像素追蹤如何操作等。 本篇內文也定期將GTM的常見問題進行彙整 。 GTM是甚麼 GTM是一個台灣大小公司都會需要使用的工具，只要公司有 網站、有投放廣告、做數據分析 ，基本上GTM可以說是你一定要認識的工具之一。但不是每一間公司都會有專門做數據這一塊的資訊背景人員，因此也才會有Google Tag Manager (GTM)的出現。目地就是為了 減少行銷人員、數據分析人員部署資料的門檻 。GTM要做到非常深入也是可以辦得到的。 想要施行網站人數預覽統計、選單點擊次數、廣告成效追蹤、icon
GTM教學｜設定 Consent Mode 同意聲明模式
甚麼是使用者同意聲明(Consent)? 使用者同意聲明(Consent)為，當使用者第一次進入你的網站時，就會有一個橫幅(俗稱CookieBanner)，詢問使用者是否同意網站收集使用者資料；這些資料會被使用於廣告平台、系統優化、數據分析等。目前法規規定，如果 網站用戶有EEA區域 (European Economic Area)，或是其他美國州別，有頒布特殊使用者隱私法規，那你的網站就務必要使用ConsentMode ，否則會無法使用特定數位行銷功能、法規制裁等問題。 本篇介紹的CookieBanner平台，都是採用月費訂閱制。也可以考慮 黑客數位提供"一次買斷" Cookie Banne
GTM基礎教學｜新手必看3個重要GTM構成元素
GTM基本教學，包括代碼、觸發器、變數的細節解說，如何搭配每一個區域應用在GTM裡面。
GTM教學｜GTM觸發條件常失敗
GTM是不是怎麼設定，觸發條件都不會出現，或者是變數都抓取不到正確的？ 如果你是常碰代碼處理的數位人員，或是原本就碰程式碼的工程師，可能瀏覽器預設都是沒有打開Shadow Root這個選項；尤其當要設定GTM的條件、抓取DOM元素的時候，就是抓取不到特定的資料。如果你有這個問題， 可以先試著把Shadow Root打開，讓dev tool可以看到更多隱藏的Dom 結構 ，也就是這一集要講的Shadow DOM。 Shadow DOM 影子DOM 如何查看Shadow DOM 在開發人員工具中 (F12)點擊右上點的齒輪，並且找到下方圖片的 Show user agent shadow DOM
GTM教學｜如何用GTM 新增一個彈跳式廣告視窗
不管任何網站，要怎麼透過GTM 設定一個彈跳式廣告視窗? 尤其是常見的自架套版網站 WordPress, Strikingly。透過GTM 可以在不用安裝任何套件，就可以完成彈跳式廣告視窗埋設。後續也支援修改圖片、修改文案、修改CTA連結等。範例如下，下圖紅框中的即是 透過GTM 設定出來的彈跳式廣告視窗 。 免費領取程式碼 請加入LINE 社群討論 ，並且在社群中輸入/gtmpop ，機器人則會自動回覆完整程式碼連結。 <div class="gtm-popup-overlay" id="gtmPopupOverlay"></div> <div class="gtm-popup-contai
什麼是 Google Tag Gateway - Google 代碼閘道｜最新數據追蹤方式｜實作教學
2025-5月份Google 推出了全新數據蒐集方式，Google 閘道有別與一般客戶端 / 伺服器端的蒐集方式。Google 閘道介於客戶端以及伺服器端的中間，雖然可控性不是這麼全面，但卻可以由「第一方」網域進行數據蒐集。主要對抗打擊「第三方」的插件、瀏覽器的功能，提升網站數據正確性。參考官方原始文件
需要任何協助嗎？
最快一個工作天將與您聯繫。