企業版 Google 跟踪代碼管理器：內容、方式和原因

已發表: 2017-01-04
什麼是 Google 跟踪代碼管理器？如何將 Google 跟踪代碼管理器用於業務？ 如果您問自己這樣的問題，那麼您來對地方了。 在我們深入探討之前，這裡有一張我們將在本文中討論的內容的地圖，以便您可以跳轉到對您最有幫助的部分。 您將如何將 Google 跟踪代碼管理器用於商業用途？

目錄

  • 什麼是 Google 跟踪代碼管理器？
    • 是什麼讓 Google 跟踪代碼管理器值得使用？
      • 我們如何克服技術障礙/學習曲線？
      • 如何知道它正在工作？ 如果我打破了什麼東西怎麼辦？
  • 術語表中斷
    • 什麼是標籤？
    • 什麼是觸發器？
    • 什麼是容器？
    • 什麼是版本？
    • 什麼是變量？
  • 簡單的用例
    • 如何設置 Google 跟踪代碼管理器？
    • 如何在我的網站上安裝 Google 跟踪代碼管理器？
      • WordPress
      • 方空間
      • 自定義 HTML
      • 其他
      • 故障排除
    • 如何向我的網站添加標籤？
      • 如何在 Google 跟踪代碼管理器中設置 Google Analytics？
        • 跟踪代碼
        • 跟踪按鈕點擊
      • 如何在 Google 跟踪代碼管理器中設置 Google Adwords？
        • 轉化跟踪
        • 再營銷
    • 如何將標籤發佈到我的網站上？
    • 我如何知道我的標籤已發布？
  • 高級用例
    • 如何為我的再營銷標籤添加時間延遲？
    • 如何在我的 AMP 網頁上包含 Google 跟踪代碼管理器？
    • 如何將數據層事件推送到 Google Analytics？
    • 我可以使用哪些自定義標籤來獲得更好的見解？
  • Google 跟踪代碼管理器資源

什麼是 Google 跟踪代碼管理器？

Google 跟踪代碼管理器是一款專為營銷人員打造的生產力和分析工具。 在您的網站、應用程序和加速移動頁面 (AMP) 上實施和更新跟踪標籤時，它將節省您的時間。 簡而言之，它是一個標籤管理系統。 您可以選擇要在網站上加載哪些標籤，以及加載它們的時間、地點和方式，然後發布它們，而無需進行所有額外的編碼工作。

Google 標籤管理器是一個標籤管理系統，可讓您從單個儀表板管理所有網站標籤（Google Analytics、Tracking Pixels、Hotjar 等）。 您無需擔心數十個分析標籤和事件的編碼邏輯和開銷，您可以添加 Google 跟踪代碼管理器來管理整個網站的標籤。

是什麼讓 Google 跟踪代碼管理器值得使用？

Google 跟踪代碼管理器專為營銷人員使用而構建（簡單：簡單）。 您的營銷人員可以自行管理他們想要跟踪的內容，而不是讓開發人員為您的網站維護標籤。 如果他們想知道按鈕的點擊頻率，或者想知道 AdWords 廣告系列的轉化率，或者只是想...

等等——我剛才說什麼？

讓非技術團隊成員來管理網站標籤？ 是的！ 絕對地！

您的營銷人員製作了大量內容，並且值得跟踪這些內容的表現。 由於他們是關心數字並必須提供性能證明的人，因此他們應該是決定測量哪些數據的人。

現在，我知道您在想什麼......我如何教非技術營銷人員添加複雜的跟踪和分析標籤而不破壞事物？

Google 跟踪代碼管理器非常易於使用，我的祖母只需很少的培訓就可以完成 90% 的工作。 每個主要標籤都是通過簡單的形式添加的，這不僅消除了對編碼經驗的需要，而且還通過減少潛在的錯誤來節省大量時間。

對於非技術營銷人員來說，教他們如何執行以下基礎知識非常容易：

  • 添加 Google Analytics 和 AdWords
  • 在他的號召性用語中添加事件跟踪
  • 通過 Google Optimize 添加 A/B 測試
  • 添加第三方腳本或跟踪像素

這很容易。 如果您可以使用電子郵件，則可以使用 Google 跟踪代碼管理器。

我們如何使用 Google 跟踪代碼管理器保持質量控制？

標籤管理器有幾個很棒的功能。 首先，如果您不想將跟踪密鑰交給營銷人員，您可以授予他們更新腳本的權限，而無需授予發佈到實時站點的權限。 這樣，您的開發人員可以在任何更改上線之前對其進行審查。

還有一個方便的預覽工具，可以準確地告訴您哪些腳本正在運行，哪些腳本沒有運行。 這是它在我們博客上運行的屏幕截圖。 這可能需要一些時間來適應，但您最終會對正在運行的腳本及其原因有一個清晰的了解。

與任何事情一樣 - 擁有一個堅如磐石的實施標籤的流程將有助於保持質量並建立標籤管理器用戶的信心。

詞彙表突破

什麼是標籤？

此上下文中的標籤通常是指您出於跟踪目的而添加到網站上的一段 javascript。 因此，例如，如果您在網站上包含 Google Analytics，您將包含它們的腳本標籤。

Google 跟踪代碼管理器中的代碼不僅限於腳本，但您 90% 的時間都會使用它。

什麼是觸發器？

觸發器是告訴 Google 跟踪代碼管理器何時觸發代碼的規則。 GTM 檢查一組參數，以了解何時（以及何時不）觸發標籤。

假設您希望在所有頁面上添加 Google Analytics（分析），僅在目標網頁上添加 AdWords 再營銷，或者跟踪整個網站中特定按鈕的點擊次數，觸發器可幫助管理所有這些邏輯。

什麼是容器？

容器包含一組標籤、觸發器和變量。 您可以使用容器腳本標記在您的網站上安裝 Google 跟踪代碼管理器。

什麼是版本？

版本代表標籤、觸發器和變量的一組更改。 每次發佈到網站時，您實際上都是在創建一個新版本。 版本允許您在一個位置查看所有更改，從而幫助您保持井井有條，如果您犯了錯誤，您可以輕鬆返回並更正。

什麼是變量？

變量代表您想要在標籤和触發器中引用的一條信息。 Google 跟踪代碼管理器有許多可供參考的內置變量，例如頁面網址、點擊類別、目標網址等。

示例：僅當 {{page url}} 包含“login.html”時觸發代碼，當單擊具有 {{click class}} 的按鈕時傳遞 {{target url}}。

如果您想變得更奇特，您還可以定義自己的自定義變量。

簡單的用例

以下是 Google 跟踪代碼管理器的一些簡單用例。 將這些視為您開始使用 Google 跟踪代碼管理器的指南，以及培訓其他人的資源。

如何設置 Google 跟踪代碼管理器？

這是一個非常簡單的過程，有點像這樣：

  • 添加帳戶名
    • 我們使用“Vendasta”作為我們的帳戶名
  • 添加容器作為另一個名稱
    • 我們為博客、網站和登陸頁面使用單獨的容器
  • 選擇一個類別
    • 您很可能只想使用 Web 或 AMP

不用擔心遵循他們的示例容器名稱。 對您和您的團隊來說最有意義的名稱。

對於我們在 Vendasta.com 上安裝的 Google 跟踪代碼管理器，我們使用一個帳戶，其中包含用於網站不同部分的多個容器。 博客、主網站、支持網站和其他一些網站都使用不同的標籤管理器容器，因此我們可以根據需要輕鬆地隔離轉化跟踪和其他標籤，以保持組織有序。

選擇帳戶並接受服務條款協議後，您可以在網站上安裝 Google 跟踪代碼管理器。

如何在我的網站上安裝 Google 跟踪代碼管理器？

首先，您需要創建一個標籤管理器帳戶和一個容器。 之後，您將看到一個包含說明的彈出窗口。

失去你的位置？ 回到正軌很容易。
管理選項卡 -> 選擇帳戶和容器 -> “安裝 Google 跟踪代碼管理器”。

如果您無法將標籤放置在正確的位置，也不是世界末日，只需嘗試將它們放置在盡可能接近的位置即可。

以下是在一些最流行的內容管理系統上安裝跟踪代碼管理器的快速指南。

  • 在 WordPress 上安裝 Google 跟踪代碼管理器
  • 在 Squarespace 上安裝 Google 跟踪代碼管理器

自定義 HTML

現在，如果您像我一樣並且牢記腳本標籤應該只沿著正文標籤出現在源代碼的底部，那麼這些說明可能會讓人感到有點震驚。 他們不是在惡搞——他們是非常認真的。 為了充分利用標籤管理器安裝，您需要確保這些代碼片段盡可能靠近 head 標籤的頂部，並且 body 標籤的內容相同。

其他

您是否使用其他 CMS 並需要幫助？ 讓我們知道，我們可以將其添加到我們的教程列表中。

故障排除

如果您在加載 Google 跟踪代碼管理器時遇到任何問題，請嘗試以下操作：

  • 關閉您網站的彈出窗口/廣告攔截器
  • 安裝 Tag Assistant（鏈接在本文底部的資源部分）
  • 在此處或在 Google+ 社區（鏈接如下）尋求幫助

如何向我的網站添加標籤？

如何在 Google 跟踪代碼管理器中設置 Google Analytics？

  • 創建一個新標籤
  • 將其命名為“GA Tracking Code”
  • 單擊標籤配置部分
  • 從顯示的列表中選擇 Universal Analytics
    • 您也可以使用經典分析，但使用通用可能會更好
  • 添加您的 Google Analytics 跟踪 ID
  • 您可以保留其餘設置
    • 軌道類型應默認為“頁面視圖”
    • 如果您想啟用增強鏈接歸因，您可以在高級部分下執行此操作
  • 點擊保存
  • 單擊觸發部分
  • 從出現的列表中選擇所有頁面
    • 您可以添加特定頁面、排除項或調整觸發器以排除您的測試環境或 Google Analytics（分析）中的 IP 地址過濾器無法排除流量的其他位置
  • 點擊保存
  • 發佈到您的網站
  • 瞧！ Google Analytics 跟踪已上線

如何使用 Google 跟踪代碼管理器跟踪 Google Analytics 中的按鈕點擊事件？

  • 創建一個新標籤
  • 將其命名為與按鈕點擊相關的內容
  • 單擊標籤配置部分
  • 選擇您在設置跟踪代碼時選擇的分析版本
  • 添加您的 Google Analytics 跟踪 ID
  • 將“事件”設置為軌道類型
  • 設置類別
    • 這是最廣泛的活動組，因此在選擇參加內容時請記住這一點
  • 設置動作
    • 在本例中，它將是“按鈕單擊”，但如果您想跟踪某人何時看到彈出窗口，您可以執行“彈出窗口顯示”或“彈出窗口關閉”操作
  • 設置標籤
    • 將此視為對內容的引用
    • 想想未來的你——以後你將如何找到這個事件？
      • 專業提示：您可以通過單擊樂高積木並選擇“單擊類”→“單擊文本”來動態添加此信息
  • 設置值
    • 如果您正在運營電子商務網站，這會變得更有價值
    • 這就像與此事件相關的假設美元價值
      • 例如，每次點擊該按鈕時，它對您的業務價值是多少？
  • 非交互命中
    • 這是詢問此事件是否計數否定“反彈”
    • 如果設置為 False，則該事件將被視為訪問您網站上的第二頁
    • 經驗法則：如果事件是轉化事件，則非交互命中 = false
  • 單擊觸發部分
  • 創建新觸發器選擇單擊 → 所有元素
    • 將觸發器命名為“按鈕單擊”
    • 選擇“部分點擊”（而不是“所有點擊”）
    • 設置點擊 ID 或點擊類別以匹配您網站上的按鈕
    • 單擊觸發器上的“保存”
  • 單擊標籤上的“保存”
  • 發佈到您的網站
  • 瞧！ Google Analytics 按鈕點擊事件將上線

如何在 Google 跟踪代碼管理器中設置 Google Adwords？

轉化跟踪

  • 創建一個新標籤
  • 將其命名為“AdWords 轉化跟踪”
  • 單擊標籤配置部分
  • 從列表中選擇 AdWords 轉化跟踪
    輸入您的轉化 ID、轉化標籤和價值
  • 設置你的觸發器
    • 想要在單擊按鈕時觸發它嗎？ 請參閱上面有關如何進行點擊跟踪的指南
    • 希望它在特定頁面上觸發？ 只需將觸發器設置為在頁面 URL 與您要查找的內容匹配時觸發
  • 保存並發布

再營銷

  • 創建一個新標籤
  • 將其命名為“AdWords 再營銷”
  • 單擊標籤配置部分
  • 從列表中選擇 AdWords 再營銷
  • 輸入您的轉化 ID、轉化標籤
  • 設置你的觸發器
    • 想要在單擊按鈕時觸發它嗎？ 請參閱上面有關如何進行點擊跟踪的指南
    • 希望它在特定頁面上觸發？ 只需將觸發器設置為在頁面 url 與您要查找的內容匹配時觸發
  • 保存並發布

如何將我的標籤發佈到我的網站上？

當您準備好發佈時，可以通過點擊紅色大發布按鈕立即進行發布。 系統會提示您概述要發布的內容，並提供名稱和說明。 如果您願意，可以跳過此步驟，但如果您是跟踪代碼管理器團隊的一員，那麼絕對值得花一兩分鐘。

最後，您可以選擇要發佈到的版本。 如果您有開發或暫存環境，並且想要先在那裡測試您的標籤，您可以通過更改此處的“發佈到環境”來實現。

看？ 那並不難！ 現在，您就像所有那些有著滑稽提交消息的開發人員一樣工作。

我如何知道我的標籤已發布？

我會經常檢查源以尋找新的腳本標籤，或者在測試新標籤時在 Google Analytics 中觀看實時事件。

確認代碼是否按預期運行的一個簡單方法是在預覽模式下查看您的網站。 發布下拉菜單中的“預覽”選項將告訴 Google 跟踪代碼管理器在您訪問網站時打開調試菜單。

激活預覽模式後，您將能夠訪問您的網站並查看預覽控制台。 如果您在顯示控制台時遇到問題，請檢查以下內容：

  • 檢查您的網站上是否安裝了標籤管理器
  • 檢查您是否沒有使用彈出窗口攔截器
    • 並非所有人都會阻止 Google 跟踪代碼管理器，但有些會阻止！
  • 嘗試將預覽共享到其他瀏覽器
    • 有時您的會話可能會出現問題而無法工作，但共享將繞過此問題

預覽控制台將向您顯示哪些標籤已成功加載到您的網站上，哪些標籤尚未成功加載。 這有點太複雜了，無法在屏幕截圖中展示，因此您必須摸索整個過程才能弄清楚。 如果您遇到問題或需要教程，請在下面的評論中告訴我們，我們將為您製作一個教程。

高級用例

如何為我的再營銷標籤添加時間延遲？

這過去要復雜得多，並且涉及自定義 JavaScript 標籤，但 Google 添加了“計時器”觸發器，該觸發器會在設定的毫秒數後觸發。 您可以通過添加和填寫新的計時器觸發器來輕鬆創建其中之一。

您真正需要注意的兩個設置是“間隔”和“限制”。
假設我們的間隔設置為 30 秒。 然後它將每 30 秒觸發一次，直到達到限制。 如果我們只想觸發一次或兩次，那麼我們需要確保有一個限制。

您可以設置其他條件以僅在特定頁面上啟用此觸發器，或者在其他事件（如按鈕單擊等）之後啟動...

如何在我的 WordPress AMP 頁面上包含 Google 跟踪代碼管理器？

如果您對 AMP 是什麼以及它為何如此重要感到好奇，您應該在此處查看我們有關它的帖子。

TL;DR（太長；沒有閱讀）是，對於任何想要在 Google 上排名的網站來說，啟用加速移動頁面 (AMP) 是必須具備的功能。

請記住，AMP 不允許大多數跟踪腳本，因此您無法從跟踪代碼管理器中獲得您可能習慣的靈活性。 這仍然是非常新的，因此將不斷添加額外的腳本支持。

本教程建議使用三個自定義插件來啟用 AMP，並添加跟踪代碼。 這不是啟用 Google 跟踪代碼管理器的完美方式，但對於 John Smith 營銷人員來說，這將有助於開始使用，直到他能夠說服開發人員設置更好的解決方案。

首先為您的網站創建一個新的 Google 跟踪代碼管理器容器。 這次，沒有選擇 Web，而是選擇 AMP。 記下頭部和身體部分的安裝細節。

在 WordPress 上獲取 AMP

如果您的 WordPress 網站上還沒有 AMP，那麼您將需要它。 解決這個問題的最簡單方法是在此處安裝並啟用官方 AMP 插件。

在 AMP 中啟用 GTM

接下來，在 AMP 中啟用 Google 跟踪代碼管理器！ 我建議通過兩個額外的插件來完成此操作。

  • 首先，獲取酵母
  • 然後，獲取用於 AMP 集成的 Yoast 插件/

安裝並啟用這些後，您將能夠在 Yoast 菜單的 AMP 子部分中添加 Google 跟踪代碼管理器容器代碼。

注意： Google 跟踪代碼管理器將為您提供相同的頭標籤和正文標籤。 您可以將 head 和 body 腳本標籤添加到此空間中以進行有效跟踪。 要根據 Google 的規範將 GTM 添加到 AMP 頁面，您必須將掛鉤添加到 WordPress AMP 插件本身。

如何將數據層事件推送到 Google Analytics？

現在，我故意避免談論數據層，因為它對於 John Smith 營銷人員來說非常令人畏懼，因為他是 Google 跟踪代碼管理器的新手。 話雖這麼說，數據層是 Google 跟踪代碼管理器的核心和靈魂，使用它會變得更加容易。

假設您有一個非常自定義的表單驗證，或者比標準觸發器所能容納的更複雜的其他事件。 你如何追踪這些？ 答案是數據層。

觸發自定義事件非常簡單，但如果你搞砸了，你可能會破壞你的 Google 跟踪代碼管理器安裝。 請務必遵循本指南！

準備好？ 讓我們開始吧。

首先，我們要確保不會覆蓋 dataLayer，但如果它不存在，也要初始化它，這樣我們就不會拋出 JS 錯誤。 我們通過將其分配給 window.dataLayer （如果存在）來實現這一點，否則它會變成一個空數組。

窗口.dataLayer = 窗口.dataLayer || []；

容易，對吧？ 現在我們將一個事件推送給它，就像我們將一個事件添加到數組中一樣。 在這種情況下，我想通知標籤管理器我的演示表單提交是有效的。

window.dataLayer.push({'event': 'demoform_valid_submit'});

在跟踪代碼管理器中跟踪這一點涉及到設置基礎設施的一些更繁忙的工作，但我們已經快完成了。

首先，進入變量並確保已啟用內置“事件”變量。

接下來，我們創建一個新的“事件”觸發器，其中包含事件的名稱。 您需要啟用該變量類型才能創建此觸發器，因此請務必這樣做！

最後，您可以向觸發器添加額外的子句，以防您只想在某些頁面上觸發它。

您現在需要做的就是添加一個 Google Analytics 事件標記並以此作為觸發器，然後就完成了！

Google 標籤管理器資源

  • Analytics Academy 的 Google 跟踪代碼管理器課程
  • 關於 GTM 和 JavaScript 的精彩入門博客文章
  • Google Plus 上的用戶社區
  • Luna Metrics GTM 食譜
  • 谷歌標籤助手插件
  • 60 多個 GTM 代碼片段