這一篇介紹GTM中網頁瀏覽觸發條件。
認識網頁瀏覽
網頁瀏覽觸發條件可在網路瀏覽器載入網頁時啟動代碼。
在GTM裡點擊「觸發條件」——「新增」——「請選擇觸發條件類型以開始設定…」,就可以看到:
網頁瀏覽觸發條件有五種類型,接下來看每種類型:
Dom就緒(DOM Ready)
DOM Ready,也叫DOM就緒,是在瀏覽器以 HTML 格式建構完整個網頁、系統也準備好剖析文件物件模型 (DOM) 時啟……繼續閱讀 »
Haran
1个月前 (12-12) 153次瀏覽 0條留言
0个Like
這一篇介紹如何透過Stape实现GTM伺服端布署。
認識Stape
Stape是一家伺服器端標籤託管服務商,它簡化了伺服器端追蹤,讓使用者更加容易實現伺服器端跟踪。
實現原理
原理如下:
這個過程會用到兩個GTM容器:一個伺服端容器和一個普通網站容器。
布署示範
創建伺服端容器sGTM
首先創建伺服端容器sGTM,在GTM裡點擊「管理」——「+」,然後做如下設定:
點擊「建立」後就進入……繼續閱讀 »
Haran
1个月前 (12-11) 293次瀏覽 0條留言
0个Like
更新時間:2025年1月10號
認識版本
版本其實就是容器設定在特定時間點所呈現的快照。
每次發佈都會生成一個版本,出錯時可以通過回滾恢復到特定版本。
版本的介面
在GTM裡點擊「版本」,就可以看到版本的介面:
主要分為兩個部分:
概覽:顯示當前版本的基本信息,包含容器名稱,容器ID,最新版本編號,包含的代碼、觸發條件和變數的數量。
記錄:版本的發佈記錄,包含版本編號、環境、名稱、建立時間、發佈時間、容器大小和發佈……繼續閱讀 »
Haran
1个月前 (12-10) 163次瀏覽 0條留言
0个Like
更新時間:2024年12月11號
这一篇介绍Google Tag Manager的賬戶結構與權限管理。
賬戶結構
GTM的賬戶結構可以用下圖表示:
GTM的賬戶結構是:賬戶——容器
一個Google賬戶可以創建多個GTM賬戶(以下簡稱賬戶),最多可以創建400個,賬戶是GTM最高層級,一般是一家公司對應一個賬戶,如下圖中的“Haran Huang”就表示一個賬戶。
一個賬戶可以創建多個容器,每個容器……繼續閱讀 »
Haran
1个月前 (12-09) 215次瀏覽 0條留言
0个Like
這篇介紹GTM裡資料夾。
認識資料夾
資料夾是於管理代碼、觸發器和變數。
隨著容器內的設定日積月累,要管理其中所有的代碼、觸發條件和變數越來越麻煩。要輕鬆管理這些設定,不妨利用代碼管理工具,將這些項目按照邏輯分組,如:
資料夾使用範例
新建空資料夾
在GTM裡點選「資料夾」-「新建資料夾」,就可以看到:
為資料夾命名後點選「建立」即可。
將代碼、觸發器和變數移……繼續閱讀 »
Haran
1个月前 (12-09) 150次瀏覽 0條留言
0个Like
對於大型企業,往往會需要遵循業界的標準流程去操作,比如一個網站需要經歷Development、Testing、Staging、Production,它們的網域是不同的,如:
Development :工程師開發編寫代碼
Testing :也叫QA,測試人員針對開發的代碼做各種測試
Staging:也叫UAT,業務部門測試驗收
Production:也叫Live ,發佈到正式
那應該怎麼設計不同環境的GTM架構呢……繼續閱讀 »
Haran
1个月前 (12-08) 277次瀏覽 0條留言
0个Like
認識代碼
Tags,叫代碼,它就是一些內置的第三方程式碼片段,方便你在GTM安裝或設定。
代碼的管理介面
在GTM裡點擊「代碼」就可以看到代碼的管理介面:
代碼管理介面會顯示名稱、類型、觸發條件、資料夾和上次修改事件。
勾選任意的代碼後,右上方會出現幾個選項:
1:編輯觸發條件
2:暫停
3:移動到資料夾
4:刪除代碼
代碼的設定介面: 進階設定
不同代碼的設定介面會有差異,但都會有進階設定:
……繼續閱讀 »
Haran
1个月前 (12-05) 160次瀏覽 0條留言
0个Like
更新時間:2024年12月4號
這一篇介紹GTM裡的變數。
認識變數
GTM中的變數是具名的預留位置,程式碼在網站或行動應用程式上執行時,系統會在這類位置中填入對應的值。
在GTM裡點擊「變數」,就可以看到變數的管理介面:
變數的分類
從變數的管理介面可以做知道變數分為兩類:
內建變數:是一種預先建立且無法自訂的特殊類別變數,不同容易類型的內建變數會不同。
使用者定義的變數:自訂變數
內建變數
這……繼續閱讀 »
Haran
1个月前 (12-04) 251次瀏覽 0條留言
0个Like