介紹和深入了解 Google 標籤管理器的工作原理

已發表: 2018-07-06

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

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

什麼是 Google 標籤管理器？

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

為什麼要使用 Google 標籤管理器？

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

使用 Google 標籤管理器的優點：

提高網站速度：因為 Google 標籤管理器可以輕鬆維護標籤，它還可以通過廢棄不再需要的標籤來更輕鬆地加速您的網站。 Google Tag Manager 也是異步加載的，這意味著網頁在加載其內容之前不需要等待 Google Tag Manager 加載。

它具有允許您根據特定需求調整標籤以跟踪各種行為的靈活性。只需選擇一個標籤並從預設觸發器中進行選擇，即可確定它何時觸發。或者，創建自己的。

您也可以將 Google 跟踪代碼管理器與移動應用程序以及網站和 AMP 頁面結合使用。

錯誤跟踪和預覽模式可以在問題上線之前輕鬆發現問題。如果沒有這些檢查，就會經常出現人為錯誤，從而導致網站癱瘓。

使用 Google 標籤管理器的缺點：

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

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

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

如何使用 Google 標籤管理器

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

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

觸發器

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

變量

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

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

交易金額超過 100 美元

由於變量“交易金額”不存在，您需要定義它。 您會告訴 Google 跟踪代碼管理器在 JavaScript 變量 transactionAmt 中查找 Transaction Amount 的值（假設此 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 標籤管理器

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

創建一個新帳戶和容器

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

安裝容器

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

添加、更新和發布標籤

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

1. 在標籤管理器中，選擇您的帳戶。

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

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

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

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

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

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

Google 跟踪代碼管理器示例

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

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

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

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