谷歌標籤管理器完整指南

已發表: 2022-04-14

Google 跟踪代碼管理器 (GTM) 可讓您的團隊收集對做出明智營銷決策至關重要的數據。

了解 GTM 的好處以及如何正確利用它可能是一項挑戰,因此我們將本指南放在一起作為參考點。 您將學習如何設置自己的帳戶並充分利用它。

為什麼 Google 跟踪代碼管理器對於跟踪行為和解決分析問題很重要

標籤是添加到網頁以收集數據和信息的 JavaScript 代碼片段。 它們可以幫助您監控網站或應用訪問者的活動,以便您可以根據行為優化您的網站。

大多數網站需要多個標籤來跟踪不同的行為和用戶流,例如表單提交或頁麵點擊。 網站的標籤越多,管理起來就越困難。

輸入谷歌標籤管理器。

GTM 不是唯一可用的標籤管理工具,但它最容易訪問的。 它旨在專門用於 Google Analytics,這就是我們專注於它的原因。 以下是其他一些:

  • 標記指揮官
  • Adobe 動態標籤管理
  • 部分
  • 7標籤
  • 青蒿素

GTM 幫助營銷人員獲得他們需要的客戶數據,而無需習慣性地依賴開發人員作為中間人。 就是這樣:

保持井井有條

如果沒有標籤管理器,開發人員將需要手動將標籤添加到您的網站,並為每個實例設置獨特的規則。 一旦到位,他們將不得不手動監控活動、解決問題、在添加新代碼時丟棄過期代碼、避免衝突等等。

這是耗時且昂貴的。 標籤管理簡化了整個流程。

標籤管理器最大限度地減少了您需要在您的網站上部署的代碼量,並允許您將所有代碼片段存放在一個中央集線器中,從而使您的所有跟踪數據保持整潔有序。 而且,它對用戶很友好——您無需成為開發人員即可進行代碼實現或更改。

將標籤管理視為監督您的內容營銷運營的總編輯。 您可以在一個地方整理您的發布計劃、任務、任務和文檔,甚至可以自動執行活動,但是如果沒有人監控工作流程,系統可能會崩潰。

所以當你不 需要開發人員來監控標籤管理器,您確實需要人員來關注它。 也就是說,不要完全切斷它。 複雜的標記任務可能仍需要通過規則驅動的圖形界面來實現。

降低技術成本

錯誤和障礙是不可避免的,但 GTM 使實施和調試更容易、更快,因此更便宜。

更快的啟動意味著您的團隊有更多的時間來處理其他任務,從而最大限度地利用寶貴的資源。 GTM 也是完全免費的,因此您的團隊無需將任何預算分配給其他營銷軟件。

儘管如此,錯誤仍然可以而且確實會發生。 為了降低成本並避免加倍修復用戶錯誤,請遵循以下最佳實踐:

  • 定義您的目標並跟踪您實際需要測量的內容,而不是廣撒網來捕獲您不需要也不會分析的數據
  • 避免在每個頁面上堆積太多標籤,因為這會減慢頁面加載速度
  • 確保丟棄或禁用未使用的標籤,尤其是在運行測試並決定不再繼續試用之後
  • 避免部署破壞現有代碼的自定義 HTML 標記
  • 確保您設置分析警報並始終如一地對新實施進行 QA 以檢測隱藏的問題
  • 保留對熟悉系統的人員的發布權,因為將帳戶權限授予不合格的團隊成員可能會危及活動

增加分析的價值

Google 跟踪代碼管理器沒有報告功能。 相反,它將收集到的有價值的信息發送給 Google Analytics 進行分析。

Universal Analytics,尤其是強大的 Google Analytics 4,可以很好地洞察您的哪些頁面表現良好——但 GTM 可以幫助您更深入地研究。

您的基本分析工具可以找到以下內容:

  • 實時瀏覽量
  • 站點訪問者的位置和設備信息
  • 流量來源
  • 熱門登陸頁面/博客文章

要從這些見解中獲得更多價值,您需要利用標籤來發現以下內容:

  • 用戶如何瀏覽您的網站
  • 哪些頁面產生最多的轉化
  • 網站訪問者最有可能離開您的網站的位置

如何設置谷歌標籤管理器

要設置您的跟踪代碼管理器帳戶,請按以下步驟操作:

1.從你的目標開始

確定您的跟踪目標將幫助您決定需要創建哪些類型的標籤。

您可以為 Google Ads 再營銷、轉化跟踪、監控表單提交或按鈕點擊等創建標籤。 您還可以連接第三方集成來跟踪來自 Hotjar、Oktopost 或 Pinterest 等網站的信息。

在前往 Google Tag Manager 並創建您的帳戶之前創建營銷標籤策略。

2. 開設賬戶

創建 Google Tag Manager 帳戶需要通過您的 Google 電子郵件完成,因此請先選擇 GTM 帳戶的管理員或所有者。 之後,您可以與團隊中需要訪問它的其他人共享權限。

使用您的 Google 帳戶登錄,然後單擊主儀表板上的創建帳戶以開始設置商店:

Google 跟踪代碼管理器主儀表板

從這裡,您需要為您的帳戶命名。 最佳實踐要求以您的業務命名,以使您的標籤管理簡單明了。

然後,您需要設置您的容器。 容器是您所有標籤所在的位置,因此您應該在您的網站或 URL 之後為其命名。

在單擊創建之前選擇您的網站或應用程序所在的平台類型。 這可能是網絡、iOS 或 Android 移動應用程序、AMP 使用或服務器使用:

Google 跟踪代碼管理器帳戶設置

下一步是將容器片段安裝到您的網站上。 這是一段 JavaScript 代碼,需要存在於每個頁面上,以便標籤正確跟踪活動。

這個片段有兩個部分:

  • 第一個需要位於您網站的<head>部分
  • 第二個應該粘貼在<body>部分

您將在 GTM 儀表板邊欄中看到的三個主要標籤是標籤、觸發器和變量:

Google 跟踪代碼管理器儀表板(新帳戶)
  • 標籤是從網站或應用程序收集數據的跟踪代碼
  • 觸發器設置條件,告訴標籤何時觸發
  • 變量定義觸發器何時應該告訴標籤觸發

3. 安裝 Google Analytics 標籤

請記住,如果您通過 GTM 執行此操作,則需要刪除您之前放置在您網站上的任何 Google Analytics(分析)跟踪信息,否則您最終會得到重複數據。

單擊儀表板上的添加新標籤以開始使用,例如 GA Pageviews:

谷歌標籤管理器標籤配置和触發視圖

接下來,配置您的標籤。 單擊頂部框可查看 50 多種標籤類型的長列表:

谷歌標籤管理器選擇標籤類型

單擊頂部選項: Google Analytics:Universal AnalyticsGoogle Analytics:GA4 配置,具體取決於您使用的版本。 例如,我們使用 UA。

Google 跟踪代碼管理器 GA 連接
圖片來源

在出現的Tracking Type下拉菜單下,單擊Page Views

Google 跟踪代碼管理器 GA 代碼配置

4.設置屬性變量

設置變量時有兩種選擇。 首先,您可以選中此標籤中的啟用覆蓋設置並粘貼您的 UA 跟踪 ID:

Google Tag Manager GA UA 頁面查看跟踪類型

或者,您可以創建自定義變量。 雖然這需要更多的初始設置,但從長遠來看,它會讓您的事情變得更容易,因為它可以保存您的 UA 跟踪 ID,而不是需要為您創建的每個標籤粘貼它。

GTM 提供兩種不同類型的變量:內置變量或用戶定義變量。

GTM 會根據代碼片段中檢測到的元素自動定義內置變量。 它們提供了幾種常見的變量類型,使創建基本標籤變得容易。

單擊配置以設置您將來需要的每個變量。 您可以隨時返回並添加更多內容:

Google 跟踪代碼管理器變量配置

用戶定義的變量是自定義的,基於您設置的值。 因此,您可以創建一個常量變量來存儲您的 Google Analytics(分析)跟踪 ID:

Google 跟踪代碼管理器用戶定義的變量

為此,請單擊“用戶定義的變量”部分下的“新建”。 然後在變量類型下,向下滾動直到找到Google Analytics Settings

谷歌標籤管理器選擇變量類型

將您的跟踪 ID 粘貼到該字段中,然後保存:

Google 跟踪代碼管理器 GA 變量配置

現在,當您創建 Google Analytics(分析)代碼時,您不必選中Enable overriding settings in this tag 。 相反,只需打開下拉列表並選擇您的新變量:

谷歌標籤管理器啟用覆蓋設置

5. 配置你的觸發器

部署第一個代碼的最後一步是選擇觸發代碼的觸發器:

谷歌標籤管理器配置觸發器

單擊觸發框並從可用選項中選擇所有頁面

Google 跟踪代碼管理器觸發器完成(所有頁面)

然後點擊保存。 要正式開始跟踪,請在工作區更改上單擊提交。 您可能會有兩個:一個新變量和一個新標籤:

具有工作區更改的 Google 跟踪代碼管理器

6.設置跨域跟踪

如果您的企業的客戶旅程將用戶引導至不同的域,跨域跟踪有助於確保您的跟踪代碼將它們計為一個,而不是誇大您的數據並為他們登陸的每個域計算它們。

這對於子域不是必需的; 僅當您有兩個完全不同的域一起工作時。

您可以在標籤級別設置跨域跟踪,方法是選中此標籤中的啟用覆蓋設置並訪問更多設置 >跨域跟踪,但最好的方法是在您的 Google Analytics(分析)ID 變量中。

前往變量選項卡並打開您使用 GA 跟踪 ID 創建的變量。 單擊變量配置框,然後單擊更多設置 > 跨域跟踪

Google 跟踪代碼管理器跨域跟踪設置

自動鏈接域字段中,插入每個域(如果有多個),用逗號分隔,然後單擊保存。

7.了解數據層

數據層是一個 JavaScript 代碼片段,用於存儲您網站中的數據,然後再將其發送到 GTM。 它充當您網站的 HTML(不斷變化)與您的標籤、觸發器和變量之間的附加層。

擁有數據層有助於使您的數據收集過程更加順暢。 對於大多數標籤,您不需要做任何額外的事情——數據層由您放置在網站上的初始 GTM 代碼段自動啟動。

但是,如果您想收集自定義數據,例如用於電子商務跟踪的產品數據或交易數據,則需要設置一個單獨的數據層。

為此,您需要創建一個數據層變量。 這將允許 GTM 從您的網站讀取其他值並將其傳遞給您部署的標籤。

您的開發團隊必須協助為您要跟踪附加信息的每個頁面創建和實施數據層代碼片段。 這些必須逐頁完成,腳本將類似於 Google 開發人員工具中的此示例。

在本例中,有兩個數據層鍵:頁麵類別和訪問者類型。 根據您需要跟踪的內容,您可能擁有一個或多個密鑰。

一旦您的開發人員在每個相關頁面上實現了此代碼,您就需要為每個鍵創建一個新的數據層變量。

前往變量選項卡,然後單擊新建以創建新的用戶定義變量。 從選項列表中選擇數據層變量

谷歌標籤管理器選擇變量類型

Data Layer Variable Name字段中,您需要輸入與代碼中完全相同的鍵名。 因此,從上面的示例中,您將創建兩個數據層變量。 一種是pageCategory ,另一種是visitorType

Google 跟踪代碼管理器數據層變量

8. 規劃用戶管理

您可以根據需要訪問的人員在 GTM 中添加和刪除用戶或用戶組。 轉到“管理”選項卡,然後單擊“用戶管理”選項:

Google 跟踪代碼管理器用戶管理選項

您將鳥瞰所有當前用戶及其權限級別。 有兩種選擇:

  • 管理員:可以創建和刪除容器,以及管理用戶權限
  • 用戶:可以查看基本賬戶信息和訪問指定容器

您還可以在容器級別設置用戶權限,無論您是否希望他們無權訪問某些容器、僅查看、進行編輯、批准編輯或發布編輯。

花點時間添加團隊的每個成員,並根據他們進行更改和部署新標籤的資格來設置他們的權限。

有效利用谷歌標籤管理器

這裡有一些技巧可以幫助您有效地使用 GTM。

確保 GTM 的基本代碼出現在每個頁面上

您不想實施複雜的跟踪活動,然後意識到您的 GTM 基本代碼並未出現在您的一些最重要的頁面上。 這就是為什麼確保代碼已正確插入您網站的 HTML 的關鍵所在。

有幾種方法可以做到這一點,但最基本的是檢查您網站的頁面源。

轉到您要檢查的頁面,右鍵單擊,然後選擇View Page Source 。 搜索 gtm.js 的頁面(使用快速 CTRL+F/CMND+F 命令)以檢查基本代碼:

谷歌標籤管理器源代碼

您還可以單擊 GTM 儀表板右上角的預覽按鈕並輸入您的網站 URL,以查看是否已將正確的容器連接到您的網站:

Google Tag Manager(Assistant)預覽模式

每當您創建新容器時,請仔細檢查代碼是否已正確實施。

徑賽項目

Google 跟踪代碼管理器與 Google Analytics 相結合非常適合跟踪您網站上發生的事件。

這些事件可能是:

  • 表單提交
  • 按鈕點擊
  • 註冊
  • 捲軸
  • 視頻觀看次數

為此,您將創建另一個Google Analytics:Universal Analytics標記,但這次Track Type將是Event

Google 跟踪代碼管理器 GA 跟踪事件

填寫其餘信息。 也許是博客文章中銷售頁面鏈接的“鏈接點擊”事件跟踪器:

  • 類別:鏈接點擊
  • 行動:銷售登陸頁面
  • 標籤: {{頁面路徑}}
  • 值:事件的值——這是可選的填寫。
  • 非交互命中:
  • Google Analytics Settings:選擇我們之前設置的 GA Tracking ID 變量。

然後,您需要創建觸發器,在本例中,該觸發器指定您要跟踪哪些鏈接的點擊。 從下拉菜單中選擇頁面 URL 等於,然後將 URL 粘貼到字段中的銷售頁面:

Google 跟踪代碼管理器觸發器配置(點擊次數)

您可以創建許多不同的事件跟踪標籤來分析客戶行為,但不要被不一定影響您的底線的數據淹沒。

調試你的標籤

監控您的標籤,以便您知道它們正在工作並且您的數據保持準確。 為此,請使用預覽和調試模式

與確保安裝基本代碼類似,單擊預覽並確保選中在 URL 中包含調試信號

插入您網站的 URL,然後單擊Connect 。 預覽窗口將打開,右下角有一個標記:

谷歌標籤管理器實時站點調試

返回 Tag Assistant 頁面以確保所有內容均已正確連接:

谷歌標籤管理器連接成功

從這裡,您可以檢查每個選項以查看是否有任何問題:

Google 跟踪代碼管理器摘要

創建常量變量

我們介紹瞭如何為您的 Google Analytics(分析)跟踪 ID 創建常量變量。 但是,如果您正在使用數字廣告重新定位廣告系列,您可能會在您的網站上安裝其他像素。

您還可以為這些像素創建常量變量,這樣您就不必在每次創建新標籤時都找到正確的像素,而是可以從下拉列表中選擇它。

前往變量並創建一個新的用戶定義變量。 從列表中選擇常量,然後在保存之前將像素 ID 粘貼到字段中:

請務必命名您的變量,以便您可以輕鬆找出需要添加到哪些標籤的像素。

安裝擴展

谷歌標籤管理器有許多谷歌瀏覽器擴展可以讓你的生活更輕鬆:

Google Tag Manager 常量變量配置
  • Google Tag Assistant 有自己的擴展程序,可讓您在瀏覽網站時檢查網站上的標籤。
  • Tag Manager Injector 是一個有用的擴展,用於調試和測試新部署的標籤。
  • DataLayer Inspector+ 可幫助您的團隊了解推送到數據層的內容以及是否存在任何問題。

創建標籤命名流程

與您的團隊一起創建用於命名所有標籤的流程或格式,以便每個人都能準確了解每個標籤所跟踪的內容。 將一個文檔放在一起,解釋這些名稱是如何創建的,以便團隊中的每個人一目了然地知道每個標籤的作用。

例如,您可以讓標籤類型後跟它正在跟踪的內容,然後是指定的觸發器。 想出您的團隊遵循的縮寫或速記,以保持一切井井有條。

結論

是時候利用您在此處學到的所有知識並開始跟踪您自己的網站活動和事件了。 從對您的業務最重要的見解開始,然後從那裡開始。 要成為更出色的 Google 跟踪代碼管理器專家,請查看我們的在線課程。