谷歌跟踪片段：我應該使用哪個？

已發表: 2019-08-02

最後更新於 2019 年 8 月 23 日

谷歌有各種跟踪片段來分析訪問者在我們網站每個頁面中的互動。 這些片段包括ga.js、analytics.js、GTM 和 gtag.js。 根據我們想要在我們的網站頁面上跟踪的內容，其中一些片段比其他片段效果更好，並簡化了跟踪代碼注入的管理。 通過這個博客，我將嘗試闡明這些 Google 代碼片段的用途以及何時使用它們。

Snippet 是一個編程術語，用於指可重用的源代碼、機器代碼或文本的一小部分區域。

這些片段中的每一個都是我們粘貼到我們網站頁面中的一小段 JavaScript 代碼。 要使用這些代碼段，我們必須複製相應的代碼段，將其粘貼到我們網站的所有頁面上，並將代碼段中的 GA_MEASUREMENT_ID 也顯示為 UA-XXXXX-X 或 GTM-XXXXXXX 字符串替換為指定的 Web我們網站的屬性 ID。

我們應該將這些片段粘貼到我們的網站模板頁面或網站的每個頁面上，以便它出現在 <head> 標記的頂部附近，並且在大多數情況下位於任何其他腳本或 CSS 標記之前。 重要的是要知道，如果我們將網站從舊代碼段更新到最新的異步版本，我們應該在插入最新代碼段後刪除現有的跟踪代碼段。 不建議在同一頁面上同時使用兩個片段，因為我們可以復制我們的數據。

例如，當我們將這些跟踪片段中的任何一個添加到我們的網站時，我們可以針對訪問者在我們網站上看到的每個頁面向我們的跟踪工具發送綜合瀏覽量。 該片段處理數據並可以推斷出大量信息，包括：

  • 訪問者在我們網站上花費的總時間。
  • 訪問者在每個頁面上花費的時間以及訪問這些頁面的順序。
  • 訪問者點擊了哪些內部鏈接（基於下一個網頁瀏覽的 URL）。

此外，IP 地址、用戶代理字符串和初始頁面檢查，當我們創建自定義跟踪器以確定如下內容時，片段可以跟踪它：

  • 訪問者的地理位置。
  • 訪問者正在使用什麼瀏覽器和操作系統。
  • 屏幕大小以及訪問者的瀏覽器上是否安裝了 Flash 或 Java。
  • 訪問者的推薦站點。

舊版分析片段 (ga.js)

ga.js 是 Google Analytics 的經典分析或遺留跟踪庫。 是的，此代碼段專門用於將跟踪數據發送到 Google Analytics。 ga.js 是一個 JavaScript 庫，用於衡量用戶如何與我們的網站進行交互。

遺留分析的代碼片段

ga.js 已經是一個過時的庫（未棄用）但仍在跟踪。 使用此代碼段的一個不便之處在於，我們需要訪問頁面的源代碼以插入異步跟踪頁面所需的一些跟踪命令代碼和功能配置，以將跟踪數據發送回 Google Analytics（分析）服務器。 _gaq對象使異步語法成為可能。

如果我們開始使用 Google Analytics，最好使用 Google 上最新的現代跟踪片段之一。

通用分析 (analytics.js)

Universal Analytics 是 Google Analytics 的新操作標準。 作為遺留代碼片段，analytics.js 庫是一個 JavaScript 庫，用於衡量用戶如何與我們的網站進行交互。 analytics.js 庫是用於 Google Analytics 的最新 JavaScript 庫，旨在利用 Universal Analytics 平台的所有新功能。

通用分析代碼片段

此 JavaScript 跟踪代碼段定義了一個稱為“命令隊列”的全局ga函數。 它之所以稱為命令隊列，是因為它不會立即執行它接收到的命令，而是將它們添加到一個隊列中，該隊列會延遲執行，直到 analytics.js 庫完全加載。

如果您剛開始使用 Google Analytics，並且您只想跟踪訪問者在 Google Analytics 上的互動，那麼您應該使用此代碼段。 如果您要在您的網頁上跟踪其他類型的訪問者互動或在您的網站中註入其他片段，例如 Facebook Pixel 或 Google Ads，您應該使用下面將要解釋的其他片段之一。

谷歌標籤管理器 (GTM)

Google Tag Manager 是一個標籤管理系統，可讓您快速輕鬆地更新跟踪或測量代碼。 這些代碼片段統稱為註入我們網站或移動應用程序的標籤。

Google 跟踪代碼管理器代碼段

我們安裝 GTM 來配置和部署標籤，包括來自 Google Ads、Google Analytics、Facebook 和其他第三方的標籤。 GTM 片段由兩個腳本組成。 一個應該放置在盡可能靠近開始 <head> 標記的位置，但低於任何“dataLayer”聲明； 第二個腳本是一個 <noscript> 代碼片段，它應該緊跟在 HTML 中的開始 <body> 標記之後。

安裝 GTM 後，您的網站或應用程序將能夠通過 GTM 與 GTM 服務器和其他跟踪工具進行通信。 然後，您可以使用 GTM 標籤管理器的基於 Web 的用戶界面來設置標籤、建立觸發器以在某些事件發生時觸發您的標籤，並創建可用於簡化和自動化標籤配置的變量。

如果您開始使用跟踪代碼段，並且希望在您的網頁上添加不同的跟踪代碼並在多個跟踪工具（如 Google Analytics、Google Ads 或 Facebook）中跟踪訪問者的交互，那麼您應該使用此代碼段。

Google 全球網站代碼 (gtag.js)

全局站點代碼 (gtag.js) 是一種 JavaScript 標記框架和 API，允許我們將事件數據發送到 Google Analytics、Google Ads 和 Google Marketing Platform 以及其他 Google 產品。 無需為不同的 Google 產品管理多個跟踪代碼，我們可以使用 gtag.js 並更輕鬆地從最新的測量功能和集成中受益。

谷歌全球網站標籤代碼段

gtag.js 可以輕鬆地將跟踪數據發送到多個 Google 產品。 無需在單獨的界面中創建其他帳戶或管理配置。 使用gtag命令捕獲事件並將數據發送到一個或多個 Google 產品。

舉個例子，一個典型的網站可能安裝了以下谷歌產品跟踪代碼：

  • 每個頁面上的 Google Analytics（分析）瀏覽量跟踪代碼。
  • 谷歌分析事件跟踪某些感興趣的交互。
  • Google Analytics 電子商務跟踪購買、結帳步驟等。
  • 用於購買或完成潛在客戶表單的 Google AdWords 轉化跟踪。
  • 用於在 AdWords 中建立受眾的 Google AdWords 再營銷代碼。

僅谷歌產品就有五種不同的跟踪代碼或標籤！！！

Gtag.js 通過以下方式使整個過程變得更加容易：

  • 鼓勵您將 Google 產品的許多標籤保留在代碼中的一個位置。
  • 簡化安裝，讓您更快地開始使用 Google 產品。
  • 打開一次將數據發送到多個工具的機會，而不是需要單獨的標籤。

結論

如果您只想跟踪簡單的訪問者與您的網站和頁面瀏覽量的交互，您可以使用 analytics.js 代碼段。 不要使用 ga.js 代碼段，因為這是一個舊代碼段，沒有最新的測量功能和集成。 如果您的網站中有 ga.js 代碼段，請將其替換為最新的跟踪代碼段。

如果您只想在多個 Google 跟踪工具（例如 Google Analytics、Google Ads 和 Google Marketing Platform）上跟踪訪問者與您網站的互動，則應使用 gtag.js 代碼段。 請勿將 gtag.js 與任何其他 Google 跟踪代碼段一起使用。 谷歌認為這是不好的做法。

如果您想通過 Google 和 3 rd方工具的各種跟踪工具跟踪訪問者與您網站的交互，並打算注入和管理各種片段，例如 Google Ads、Google Analytics、Facebook 和其他 3rd 方片段在一個位置，您應該使用 GTM。 這是我們推薦使用的片段，應該與它們的默認值和預配置的標籤和触發器一起使用。 不要使用自定義 HTML 標記通過 GTM 注入其他 Google 跟踪工具。 谷歌不推薦它，被認為是不好的做法。

同樣，不推薦，我們也不推薦同時使用多個 Google 跟踪代碼段。 如果您使用 GTM，請使用 GTM 中的默認 Universal Analytic 標記，並且不要在自定義 Html 標記中註入 gtag.js 片段或 ga.js 片段。 谷歌不推薦它，並將其視為不好的做法。

作者：阿圖羅·聖地亞哥