更新時間：2025年1月10號
認識版本
版本其實就是容器設定在特定時間點所呈現的快照。
每次發佈都會生成一個版本，出錯時可以通過回滾恢復到特定版本。
版本的介面
在GTM裡點擊「版本」，就可以看到版本的介面：
主要分為兩個部分：
概覽：顯示當前版本的基本信息，包含容器名稱，容器ID，最新版本編號，包含的代碼、觸發條件和變數的數量。
記錄：版本的發佈記錄，包含版本編號、環境、名稱、建立時間、發佈時間、容器大小和發佈……繼續閱讀 »
Haran
4个月前 (12-10) 411次瀏覽 0條留言
0个Like
對於大型企業，往往會需要遵循業界的標準流程去操作，比如一個網站需要經歷Development、Testing、Staging、Production，它們的網域是不同的，如：
Development ：工程師開發編寫代碼
Testing ：也叫QA，測試人員針對開發的代碼做各種測試
Staging：也叫UAT，業務部門測試驗收
Production：也叫Live ，發佈到正式
那應該怎麼設計不同環境的GTM架構呢……繼續閱讀 »
Haran
4个月前 (12-08) 484次瀏覽 0條留言
0个Like
在同一個GTM上管理多個環境的時候，我們需要將不同環境的資料發送到不同的評估ID，實現資料的隔離，這就需要使用對照表變數。
假設不同環境對應的網域和評估ID分別是：
環境
網域
評估ID
Development
dev.haranhuang.com
評估ID-1
Testing
qa.haranhuang.com
評估IID-2
Stagging
uat.haranhuang.com
評估ID-3
……繼續閱讀 »
Haran
4个月前 (12-07) 357次瀏覽 0條留言
0个Like
這一篇介紹GTM裡的環境。
認識GTM裡的環境
Environments，叫環境，是GTM裡非常實用的一個功能，它可以區分不同的環境，滿足標準化的開發流程。
什麼情況下需要使用環境？
對於大型企業來說，標準化的網站開發流程是需要經過：Development、Testing、Staging、Production
Development ：工程師開發編寫代碼
Testing ：也叫QA，測試人員針對開發的……繼續閱讀 »
Haran
4个月前 (12-06) 392次瀏覽 0條留言
0个Like
認識代碼
Tags，叫代碼，它就是一些內置的第三方程式碼片段，方便你在GTM安裝或設定。
代碼的管理介面
在GTM裡點擊「代碼」就可以看到代碼的管理介面：
代碼管理介面會顯示名稱、類型、觸發條件、資料夾和上次修改事件。
勾選任意的代碼後，右上方會出現幾個選項：
1：編輯觸發條件
2：暫停
3：移動到資料夾
4：刪除代碼
代碼的設定介面： 進階設定
不同代碼的設定介面會有差異，但都會有進階設定：
……繼續閱讀 »
Haran
4个月前 (12-05) 419次瀏覽 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
4个月前 (11-27) 846次瀏覽 0條留言
1个Like
更新時間：2024年6月9號
這次分享的是用GTM追蹤使用者的複製行為，主要是使用者複製頁面上的一些文字，例如複製郵箱，電話。
原理是透過自訂HTML注入javascript，監聽使用者是否有複製行為，如果有，透過dataLayer.push發送資訊，複製的文字和文字長度透過資料層變數傳遞，發給GA4。
Step 1：自訂HTML注入JavaScript
在GTM中點擊「代碼」——「新建」——「選擇一個代碼類型以開始……繼續閱讀 »
Haran
10个月前 (06-09) 1626次瀏覽 0條留言
0个Like
更新時間：2024年11月11號
这一篇介绍轉換連接器（Conversion Linker）。
什么是轉換連接器
轉換連接器代碼會自動偵測轉換頁網址中的廣告點擊資訊，如gclid，然後將該資訊儲存到第一方 Cookie和瀏覽器Local Storage裡的 _gcl_dc 和 _gcl_aw ，能有效地評估轉換和归因。
为什么需要轉換連接器
因為蘋果的ITP規則限制了第三方Cookie的使用，而Adwords會使用到……繼續閱讀 »
Haran
10个月前 (06-07) 2047次瀏覽 0條留言
0个Like
