介紹和深入了解 Google 跟踪代碼管理器的工作原理

最好的活動從潛在客戶數據開始：您的訪問者是誰，他們做了什麼，接下來如何联系他們。 問題是，獲取和使用這些數據會給您的團隊甚至潛在客戶帶來各種問題。

網頁後端的 JavaScript 標籤使營銷人員能夠利用有關訪問者的信息。 想想 Meta Pixel 或 Google Ads 轉化跟踪。 它們很有用，但手動設置和維護它們很乏味。 複製、粘貼、微調小行代碼並確保它們在正確的位置——這是另一件需要擔心的事情——尤其是對於許多活動和頁面。 這就是 Google 跟踪代碼管理器存在的原因。

什麼是谷歌標籤管理器？

Google Tag Manager 是一個用於輕鬆管理網頁後端標籤的系統。 通過直觀的界面，用戶可以更新和添加標籤，而無需部署或操作額外的代碼。

為什麼要使用 Google 跟踪代碼管理器？

每個與您的網站集成的軟件都需要在網頁後端有自己的空間。 用於再營銷、熱圖，甚至是簡單的轉化跟踪。 JavaScript 使它全部運行。 您收集的數據越多，您就越需要重新訪問這些標籤——添加、更新和刪除它們。 Google Tag Manager 簡化了這個過程。 但這不是使用它的唯一原因。

使用 Google 跟踪代碼管理器的優點：

• 提高網站速度：由於 Google 跟踪代碼管理器使維護標籤變得容易，它還可以通過廢棄不再需要的標籤來更輕鬆地加快網站速度。 Google Tag Manager 也是異步加載的，這意味著網頁在加載​​其內容之前不需要等待 Google Tag Manager 加載。
• 它具有靈活性，允許您根據您的特定需求調整標籤以跟踪各種行為。 只需選擇一個標籤並從預設觸發器中挑選，以確定它何時觸發。 或者，創建您自己的。
• 您也可以將 Google 跟踪代碼管理器用於移動應用程序以及網站和 AMP 頁面。
• 錯誤跟踪和預覽模式可以在問題上線之前輕鬆發現問題。 如果沒有這些檢查，人為錯誤就會經常出現，這可能會導致網站癱瘓。

使用 Google 跟踪代碼管理器的缺點：

• 有一個學習曲線。 Google 跟踪代碼管理器並不像某些人聲稱的那樣容易上手。 也就是說，這最終比進入網頁後端頻繁調整標籤要容易得多。

除了學習曲線，Hanapin Marketing 的數字營銷客戶經理 Emma Franks 還說：

許多知名的 PPC 平台（例如 Facebook、Bing Ads）都使用自定義 HTML 標籤選項，因為 GTM 沒有針對它們的本地集成。

如何使用谷歌標籤管理器

Google 跟踪代碼管理器包含三個組件：代碼、觸發器和變量。

標籤

標記是 JavaScript 片段，您可以將其放置在網站的後端以執行特定功能。 如上所述，這些是可以重新定位訪問者或跟踪轉化的代碼片段。 他們可以測量滾動深度或發送行為電子郵件等等。 今天，沒有多少標籤不能做。 其中最受歡迎的是來自 Google Analytics、DoubleClick 和 WordPress 的標籤。

觸發器

在 Google 跟踪代碼管理器中，代碼根據用戶事件觸發。 您指定那些是哪些事件。 可供選擇的觸發器類型包括：頁面瀏覽、點擊、元素可見性、表單提交、歷史更改、JavaScript 錯誤、滾動深度、計時器、YouTube 視頻和自定義事件。

變量

這些條件為標籤提供了它需要觸發的額外信息。 谷歌提供了一個例子：

假設您希望在訪問者在您的網站上花費超過 100 美元時觸發再營銷代碼。 要實現這一點，請創建一個網頁瀏覽觸發器並添加此觸發條件：

交易金額大於 $100

由於變量“Transaction Amount”不存在，您需要定義它。 您可以告訴 Google 跟踪代碼管理器在 JavaScript 變量 transactionAmt 中查找交易金額的值（假設此 JavaScript 變量出現在您網站的購買確認頁面上）。

在此示例中，當用戶在您的網站上消費時，GTM 將評估是否超過 100 美元。 如果是，再營銷觸發器將觸發。

集裝箱

一組標記、觸發器和變量一起稱為容器。 容器為特定域設置規則。 設置代碼、觸發器並指定任何變量後，您就擁有了一個容器。 使用容器，您可以自由地為您的域管理（添加、更新、刪除）標籤，而無需不斷返回到每個頁面的後端。

準備實施 Google 跟踪代碼管理器

實施任何工具都需要準備。 對於 Google 跟踪代碼管理器，您需要考慮以下因素：

誰來管理賬戶？

在 Google 標籤管理器中添加和操作標籤的用戶過多有可能導致網頁癱瘓。 確保您分配了一個或兩個角色，並在客戶經理離職或無法再履行職責時制定協議。

它將如何管理？

分配團隊成員後，指定工作流程很重要。 即使是最小的錯誤也會使標籤變得無用，或者更糟的是，會干擾其他軟件。 您可能希望管理員仔細檢查管理器的實施，或啟動審計日誌以確保將來發現並防止錯誤。

還有誰可能需要訪問權限？

您的企業可能有 GTM 管理員，但其他人是否需要訪問權限？ 也許您將工作外包給可能需要向某些點擊後登錄頁面添加標籤的機構。 也許您僱用了一名自由職業者來運行熱圖分析或創建重新定位活動。 如果這些聽起來很熟悉，您可能希望允許他們訪問您的 Google 跟踪代碼管理器帳戶並讓您指定的內部經理檢查他們的工作。

您將在多少個域中使用 GTM？

如果您使用 GTM 為多個域管理標籤，Google 建議對所有域使用相同的容器，以下情況除外：首先，如果您需要為每個域定制標籤。 容器一旦發布，就會應用於所有域。 因此，如果您需要將更改應用到一個而不是另一個，最好使用多個容器。 其次，如果配置不同——如果標籤在不同的環境下在不同的域中觸發——你可能想要使用多個容器，因為配置不容易在域之間共享。

你研究過谷歌標籤管理器嗎？

Google Tag Manager 被吹捧為易於使用的 DIY 工具，但 Orbit Media 的 Amanda Gant 表示它被誤解了：

如果沒有一些技術知識或培訓（課程或自學），Google 跟踪代碼管理器就不會“容易”使用。 您必須具備一些技術知識才能了解如何設置代碼、觸發器和變量。

事實是，雖然 Google 跟踪代碼管理器使標籤管理變得更加容易，但您必須事先接受任何教育才能掌握它。 這並不是說您需要註冊一個昂貴的培訓課程，這個來自 Google 的課程應該足以讓您入門。

您的頁面上是否已經有手動編碼的標籤？

容器將取代網頁上手動編碼的標籤，例如來自 Google Ads、Google Analytics 和其他第三方提供商的標籤。 Google 建議，當您選擇使用 Google 標籤管理器時，您應立即遷移所有標籤，而不是讓一些標籤處於不確定狀態。 這不是強制性的，因為 GTM 無論如何都可以觸發您的代碼，但這是最佳做法。 頁面上的 JavaScript 越多，加載速度就越慢。

設置谷歌標籤管理器

要開始設置標籤管理器，Google 概述了以下步驟：

創建一個新的帳戶和容器

1. 在 Google 跟踪代碼管理器中，點擊“帳戶”，然後點擊“創建帳戶”。
2. 輸入帳戶名稱並選擇您是否願意與 Google 和其他人匿名共享數據。
3. 點擊“繼續”。
4. 輸入描述性容器標籤並指定以下內容類型：Web、AMP、Android 或 iOS。
5. 點擊“創建”。

安裝容器

1. 在 Google 跟踪代碼管理器中，選擇“工作區”。
2. 在窗口頂部附近找到您的容器 ID，格式如下：“ GTM-XXXXXX ”。
3. 單擊您的容器 ID 以啟動“安裝標籤管理器”框。
4. 複製生成的代碼片段並將它們粘貼到您的網站中。
5. 使用跟踪代碼管理器的預覽模式和 Tag Assistant Chrome 擴展程序驗證您的安裝或排除故障。

添加、更新和發布標籤

安裝容器後，您可以按照以下步驟開始向其添加標籤。

1. 在跟踪代碼管理器中，選擇您的帳戶。

2. 從導航菜單中單擊“標籤”。

要添加標籤：單擊“新建”。 選擇代碼類型（例如 Google Ads 轉化跟踪）並指定觸發代碼的觸發器。

要編輯標籤： 單擊列表中的標籤並在“編輯標籤”頁面上進行更改。

刪除標籤：進入“編輯標籤”頁面後，點擊屏幕右上角的菜單並選擇“刪除”。

3. 預覽讓您有機會在標籤、變量和配置上線之前對其進行評估。 您可以使用調試選項來查看在您使用網站時觸發了哪些標籤。 當您在工作區中包含未發布更改的頁面上時，單擊“發布”旁邊的箭頭以顯示更多選項，然後單擊“預覽”。

4. 如果一切順利，只需單擊屏幕右上角的“發布”即可開始發布您的更改。

Google 跟踪代碼管理器示例

考慮一下這個假設：如果您想跟踪轉化、設置行為觸發的電子郵件、在特定頁面上投放廣告並使用分析平台跟踪所有這些，您需要所有這些程序的標籤才能完成。 使用 Google 跟踪代碼管理器，您只需添加一次：

最後，它使您的團隊維護標籤更加清晰和容易。

開始創造更好、更強大的用戶體驗

Google 跟踪代碼管理器不僅可以為您節省時間和麻煩，而且還有可能為您的用戶帶來更好的體驗。 您將能夠輕鬆添加任何可改善個性化的軟件：電子郵件自動化、實時聊天——甚至是熱圖軟件，它可以為您提供提升用戶體驗所需的數據。 您還可以通過管理 JavaScript 來保持頁面簡潔，這將加快加載時間並防止用戶跳出。 這反過來又使他們更有可能轉化。 立即使用 Instapage、Instapage Enterprise 演示開始創建多功能且用戶友好的點擊後登錄頁面。