更新時間：2024年12月11號
这一篇介绍Google Tag Manager的賬戶結構與權限管理。
賬戶結構
GTM的賬戶結構可以用下圖表示：
GTM的賬戶結構是：賬戶——容器
一個Google賬戶可以創建多個GTM賬戶（以下簡稱賬戶），最多可以創建400個，賬戶是GTM最高層級，一般是一家公司對應一個賬戶，如下圖中的“Haran Huang”就表示一個賬戶。
一個賬戶可以創建多個容器，每個容器……繼續閱讀 »
Haran
9个月前 (12-09) 1314次瀏覽 0條留言
0个Like
這篇介紹GTM裡資料夾。
認識資料夾
資料夾是於管理代碼、觸發器和變數。
隨著容器內的設定日積月累，要管理其中所有的代碼、觸發條件和變數越來越麻煩。要輕鬆管理這些設定，不妨利用代碼管理工具，將這些項目按照邏輯分組，如：
資料夾使用範例
新建空資料夾
在GTM裡點選「資料夾」－「新建資料夾」，就可以看到：
為資料夾命名後點選「建立」即可。
將代碼、觸發器和變數移……繼續閱讀 »
Haran
9个月前 (12-09) 1042次瀏覽 0條留言
0个Like
對於大型企業，往往會需要遵循業界的標準流程去操作，比如一個網站需要經歷Development、Testing、Staging、Production，它們的網域是不同的，如：
Development ：工程師開發編寫代碼
Testing ：也叫QA，測試人員針對開發的代碼做各種測試
Staging：也叫UAT，業務部門測試驗收
Production：也叫Live ，發佈到正式
那應該怎麼設計不同環境的GTM架構呢……繼續閱讀 »
Haran
9个月前 (12-08) 1149次瀏覽 0條留言
0个Like
認識代碼
Tags，叫代碼，它就是一些內置的第三方程式碼片段，方便你在GTM安裝或設定。
代碼的管理介面
在GTM裡點擊「代碼」就可以看到代碼的管理介面：
代碼管理介面會顯示名稱、類型、觸發條件、資料夾和上次修改事件。
勾選任意的代碼後，右上方會出現幾個選項：
1：編輯觸發條件
2：暫停
3：移動到資料夾
4：刪除代碼
代碼的設定介面： 進階設定
不同代碼的設定介面會有差異，但都會有進階設定：
……繼續閱讀 »
Haran
9个月前 (12-05) 915次瀏覽 0條留言
0个Like
更新時間：2024年12月4號
這一篇介紹GTM裡的變數。
認識變數
GTM中的變數是具名的預留位置，程式碼在網站或行動應用程式上執行時，系統會在這類位置中填入對應的值。
在GTM裡點擊「變數」，就可以看到變數的管理介面：
變數的分類
從變數的管理介面可以做知道變數分為兩類：
內建變數：是一種預先建立且無法自訂的特殊類別變數，不同容易類型的內建變數會不同。
使用者定義的變數：自訂變數
內建變數
這……繼續閱讀 »
Haran
9个月前 (12-04) 1223次瀏覽 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
9个月前 (11-27) 1503次瀏覽 0條留言
1个Like
更新時間：2024年11月9號
TMS的全稱是Tag Manage System，名為標籤管理工具或代碼管理工具，是一套代碼管理系統 ，方便你快速更新追蹤程式碼和相關程式碼片段，你只要在專案中新增一小段「代碼管理工具」程式碼，就可以透過網頁式使用者介面輕鬆且安全地部署分析及評估代碼設定。
目前常見的代碼管理工具有：
Google Tag Manager
Google Tag Manager，簡稱 GT……繼續閱讀 »
Haran
10个月前 (11-09) 1238次瀏覽 0條留言
1个Like
更新時間：2024年6月9號
這次分享的是用GTM追蹤使用者的複製行為，主要是使用者複製頁面上的一些文字，例如複製郵箱，電話。
原理是透過自訂HTML注入javascript，監聽使用者是否有複製行為，如果有，透過dataLayer.push發送資訊，複製的文字和文字長度透過資料層變數傳遞，發給GA4。
Step 1：自訂HTML注入JavaScript
在GTM中點擊「代碼」——「新建」——「選擇一個代碼類型以開始……繼續閱讀 »
Haran
1年前 (2024-06-09) 2100次瀏覽 0條留言
0个Like
