Google 跟踪代碼管理器教程:如何使用它來改進網站的分析(無需接觸任何代碼)

已發表: 2022-05-06

還記得您何時決定將 Google Analytics 連接到您的在線商店的網站嗎?

您可能認為這一切都會一帆風順——直到您偶然發現了一段令人難以置信的長代碼片段,並且您的模板“頭部”對您來說聽起來像是希臘語(除非您有一些網頁設計的概念)。

因此,您最終可能會打電話給外部網頁設計師,其花費的時間少於喝一杯咖啡所需的時間(同時仍向您收取整個小時的工作費用)。

當您添加 Google Ads 代碼時,同樣的事情也發生了。

還有 Facebook 或 Snapchat 像素。

等等等等。

所以…

每次將網絡分析工具連接到電子商務商店時,自己完成工作並停止依賴他人不是更好嗎?

好吧,如果您開始使用 Google 跟踪代碼管理器,這將是可能的。

在這篇文章中,我們將通過非常詳細的教程逐步告訴您它是什麼以及如何使用它。

這樣,您就可以停止支付開發人員的咖啡癮。

目錄

  • 什麼是 Google 跟踪代碼管理器以及它的工作原理
    • 您需要了解的基本 Google 跟踪代碼管理器術語
  • 教程:如何安裝和使用 Google 跟踪代碼管理器
    • 1. 在 WordPress 上安裝谷歌標籤管理器
      • ️ A. 創建一個帳戶
      • ️ B. 安裝
    • 2. 安裝跟踪代碼
      • ️ A. 谷歌分析
      • ️ B. Facebook 像素
  • 現在您知道如何使用 Google 跟踪代碼管理器了,但為什麼只滿足於外部工具呢?

什麼是 Google 跟踪代碼管理器以及它的工作原理

為了牢牢掌握它,假設您的站點是一座建築物,並且為了訪問它,每個工具都使用自己的門(其標籤或跟踪代碼)。

所以每次你想連接一個新工具時,你都得為它創建一個專屬的門(即你必須訪問網站的源代碼並對其進行編輯)。

但是,Google 跟踪代碼管理器 (GTM) 允許您創建一個“通用門”來讓所有工具進入。

換句話說:

Google 跟踪代碼管理器會生成一個獨特的代碼片段(稱為“容器”)來連接任何外部工具,而無需更改網站的源代碼。

這樣,每當您想將像素用於 SEM、熱圖或其他任何東西時,您都可以從 GTM 界面自己完成。

更簡單(更便宜)。

您需要了解的基本 Google 跟踪代碼管理器術語

如果您對網頁設計知之甚少,您現在可能會不知所措。

不用擔心。

為了充分利用本教程,您可以熟悉以下幾個術語:

    • 容器:由 Google 跟踪代碼管理器生成的代碼片段,也是您唯一需要在您的網站上插入的代碼片段。 這是我們之前告訴你的“門禁密碼”。
    • 標籤:標籤是其他工具用來連接到您的站點的引用。 谷歌分析有自己的標籤; Google Ads 有一個不同的,Facebook 像素另一個。 這就像他們用來進門的身份證一樣。
    • 變量:變量是標籤接收的指令,例如“從用戶的 cookie 中收集數據” 。 我們將在本文後面向您詳細介紹。
    • 觸發器:它告訴您標籤的激活事件。 例如,標籤將在“頁面完全加載時”開始從用戶的 cookie 中收集數據。

現在所有這些術語都已說明,讓我們看看如何在您的網站上使用 Google 跟踪代碼管理器。

教程:如何安裝和使用 Google 跟踪代碼管理器

第一部分是該過程中唯一困難的步驟,因為您必須對代碼進行一些更改。

在那之後一切都會變得輕而易舉。

1. 在 WordPress 上安裝谷歌標籤管理器

為了讓一切變得更容易,我們將教你如何在 WordPress 上安裝 GTM。

如果您改用 PrestaShop、Magento 或 Shopify(或任何其他開源 CMS),請不要擔心,因為過程基本相同。

️ A. 創建一個帳戶

與大多數 Google 工具一樣,您必須創建一個用戶帳戶才能使用它。

為此,請訪問 Google Tag Manager 網站並填寫以下信息:

  1. 賬戶信息:姓名和國家。 谷歌標籤管理器帳戶
  2. 容器:在這裡你必須創建你的第一個容器。

您只需要給它一個名稱(以便以後可以識別)並說明它的用途(通常是“網站”)。

谷歌標籤管理器容器

單擊“創建”並接受條款和條件後,您將被帶到 Google 跟踪代碼管理器的界面。

️ B. 安裝

當您進入時,您首先會看到一個彈出窗口,其中包含兩段代碼,如下所示:

這些是您需要插入網站的僅有的兩個代碼片段; 它們將充當來自其餘工具的標籤的容器。

基本上有兩種方法:

  1. 使用 WordPress 編輯器:這涉及通過 WordPress 的源代碼訪問文件並在其中插入代碼片段。 我們建議不要這樣做,除非您確切知道如何操作(因為您可能會刪除重要的內容)。
  2. 使用插件:最簡單的選擇是通過插件插入這些代碼。 這個選項有很多,但你也可以使用谷歌標籤管理器本身的插件。

如果您不確定,最好直接詢問開發人員(這將是您唯一需要這樣做的時間)。

安裝代碼後,單擊 GTM 界面右上角的“發送”。

它會顯示一個窗口,您必須在其中輸入此版本的名稱。 每次您對容器進行更改(例如連接工具)時,系統都會創建該容器的新版本。

最後,單擊“發布”以激活它。

2. 安裝跟踪代碼

現在是學習使用 Google 跟踪代碼管理器快速輕鬆地連接這些網絡分析工具的時候了。

其中一些,如穀歌分析,已經有預定義的配置,而另一些則需要手動設置。

讓我們看一個例子。

️ A. 谷歌分析

我們先來看看安裝 Google Analytics 的過程。

點擊谷歌標籤管理器界面上的“新標籤” 。 您將看到一個窗口,您需要在其中執行以下步驟:

  • 首先,給標籤起一個名字(這樣如果你以後想編輯它就可以識別它)。
  • 點擊“標籤管理器”後,您會看到一個包含許多不同選項的列表。 選擇“谷歌分析”。
  • 對於“跟踪類型” ,選擇“頁面視圖”(通常是默認選項)。

讓 Google 跟踪代碼管理器保持打開狀態並登錄到 Google Analytics。

繼續管理 > 屬性設置並複制“跟踪 ID”下的數字。

返回 Google 跟踪代碼管理器選項卡並單擊“變量配置” ,然後單擊“新變量”。

將 Google Analytics 中的代碼粘貼到“跟踪 ID”中。 將“cookieDomain”保留為自動。

現在我們將為 cookie 設置匿名註冊以遵守數據保護法。 為此,在同一個窗口中,單擊“要設置的字段”並添加以下字段:

完成後,單擊“保存”。

接下來,轉到“觸發”以確定何時啟動標籤的變量。

默認情況下,一旦窗口加載,標籤將在您網站的所有頁面上激活。

但您也可以點擊“新觸發器”(右上角的“+”號)添加新過濾器,使其僅在特定頁面上激活(例如,如果您只想測量某個頁面的流量)登陸頁面)。

谷歌標籤管理器激活

我們的建議是選擇默認選項。 單擊保存後,您的 Google Analytics(分析)代碼就會啟動並運行。

現在讓我們看看如何為不在列表中的選項安裝跟踪標籤。

️ B. Facebook 像素

對於下一個示例,我們將使用 Facebook 廣告中的像素。 但是,對於您要添加的任何其他標籤,這都是相同的過程。

首先,點擊“New Tag”,然後在配置選項下選擇“Custom HTML Tag”

然後,您會看到一個框,您必須在其中添加像素的代碼段(您可以在廣告帳戶的廣告管理器部分找到它。

接下來,單擊框下的“高級設置” 。 選擇“標籤觸發選項” ,然後選擇“每個事件一次” 。 您無需更改任何其他內容。

“觸發”下,您可以選擇在您網站的所有頁面或僅在選定頁面上觸發您的像素。

點擊保存後,您的像素將準備好記錄您網站的訪問,以便您可以啟動重定向廣告系列。

現在您知道如何使用 Google 跟踪代碼管理器了,但為什麼只滿足於外部工具呢?

我們的許多客戶沒有考慮到網絡分析的另一個方面。

大多數時候,可以在您自己的網站中找到幫助您的業務發展的最有趣的數據。

例如,使用 Doofinder 等智能搜索引擎生成的統計數據。

想了解更多?

然後下載這本電子書,我們將在其中解釋如何使用智能搜索引擎將銷售額提高 20%

如果您想親自試用 Doofinder,可以單擊此處獲得 30 天免費試用。

哦! 它就像一個插件一樣工作,所以不用擔心弄亂任何源代碼。