更新時間：2025年5月30號
隨著瀏覽器隱私機制（如 Safari 的 ITP、Firefox 的 ETP）以及廣告阻擋工具越來越嚴格，傳統的前端追蹤（Client-side Tracking） 正逐漸面臨資料流失的問題。
因此，GTM Server-side（sGTM）伺服端追蹤，已成為目前 GA4 與數位分析實務中，用來提升資料完整性與追蹤穩定度的重要解決方案之一。
本文將以Stape為範例，說明如何從零開始建……繼續閱讀 »
Haran
1年前 (2024-12-11) 5513次瀏覽 2條留言
0个Like
更新時間：2025年1月10號
認識版本
版本其實就是容器設定在特定時間點所呈現的快照。
每次發佈都會生成一個版本，出錯時可以通過回滾恢復到特定版本。
版本的介面
在GTM裡點擊「版本」，就可以看到版本的介面：
主要分為兩個部分：
概覽：顯示當前版本的基本信息，包含容器名稱，容器ID，最新版本編號，包含的代碼、觸發條件和變數的數量。
記錄：版本的發佈記錄，包含版本編號、環境、名稱、建立時間、發佈時間、容器大小和發佈……繼續閱讀 »
Haran
1年前 (2024-12-10) 1207次瀏覽 0條留言
0个Like
更新時間：2024年12月11號
这一篇介绍Google Tag Manager的賬戶結構與權限管理。
賬戶結構
GTM的賬戶結構可以用下圖表示：
GTM的賬戶結構是：賬戶——容器
一個Google賬戶可以創建多個GTM賬戶（以下簡稱賬戶），最多可以創建400個，賬戶是GTM最高層級，一般是一家公司對應一個賬戶，如下圖中的“Haran Huang”就表示一個賬戶。
一個賬戶可以創建多個容器，每個容器……繼續閱讀 »
Haran
1年前 (2024-12-09) 1967次瀏覽 0條留言
0个Like
這篇介紹GTM裡資料夾。
認識資料夾
資料夾是於管理代碼、觸發器和變數。
隨著容器內的設定日積月累，要管理其中所有的代碼、觸發條件和變數越來越麻煩。要輕鬆管理這些設定，不妨利用代碼管理工具，將這些項目按照邏輯分組，如：
資料夾使用範例
新建空資料夾
在GTM裡點選「資料夾」－「新建資料夾」，就可以看到：
為資料夾命名後點選「建立」即可。
將代碼、觸發器和變數移……繼續閱讀 »
Haran
1年前 (2024-12-09) 1376次瀏覽 0條留言
0个Like
對於大型企業，往往會需要遵循業界的標準流程去操作，比如一個網站需要經歷Development、Testing、Staging、Production，它們的網域是不同的，如：
Development ：工程師開發編寫代碼
Testing ：也叫QA，測試人員針對開發的代碼做各種測試
Staging：也叫UAT，業務部門測試驗收
Production：也叫Live ，發佈到正式
那應該怎麼設計不同環境的GTM架構呢……繼續閱讀 »
Haran
1年前 (2024-12-08) 1552次瀏覽 0條留言
0个Like
認識代碼
Tags，叫代碼，它就是一些內置的第三方程式碼片段，方便你在GTM安裝或設定。
代碼的管理介面
在GTM裡點擊「代碼」就可以看到代碼的管理介面：
代碼管理介面會顯示名稱、類型、觸發條件、資料夾和上次修改事件。
勾選任意的代碼後，右上方會出現幾個選項：
1：編輯觸發條件
2：暫停
3：移動到資料夾
4：刪除代碼
代碼的設定介面： 進階設定
不同代碼的設定介面會有差異，但都會有進階設定：
……繼續閱讀 »
Haran
1年前 (2024-12-05) 1266次瀏覽 0條留言
0个Like
更新時間：2024年12月4號
這一篇介紹GTM裡的變數。
認識變數
GTM中的變數是具名的預留位置，程式碼在網站或行動應用程式上執行時，系統會在這類位置中填入對應的值。
在GTM裡點擊「變數」，就可以看到變數的管理介面：
變數的分類
從變數的管理介面可以做知道變數分為兩類：
內建變數：是一種預先建立且無法自訂的特殊類別變數，不同容易類型的內建變數會不同。
使用者定義的變數：自訂變數
內建變數
這……繼續閱讀 »
Haran
1年前 (2024-12-04) 1821次瀏覽 0條留言
0个Like
這一篇介紹如何對Contact Form 7做表單跟蹤。
認識Contact Form 7
Contact Form 7是WordPress上最受歡迎的免費聯絡表單外掛。
追蹤原理
Contact Form 7表單提交追蹤實現有多種方式：
一種是基於元素可見度，因為Contact Form 7表單提交成功會在頁面顯示特定資訊。
一種是基於Contact Form 7的API提供的一些Dom事件。
……繼續閱讀 »
Haran
1年前 (2024-11-27) 1873次瀏覽 0條留言
1个Like
