如何在WordPress網站上安裝Google Tag Manager(分步教程)

如何在WordPress網站上安裝Google Tag Manager(分步教程)配圖

Google Tag Manager (GTM) 是谷歌提供的一款功能強大的免費工具,網站所有者和營銷人員無需掌握任何編碼技能,即可在網站(或移動應用程式)上管理和部署營銷標籤(程式碼片段或跟蹤畫素)。

換句話說,它是一個標籤管理系統,能讓您快速、輕鬆地更新網站或移動應用程式上的測量程式碼和相關程式碼片段(統稱為標籤)。

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

GTM 通過提供使用者友好的介面來實施跟蹤程式碼,簡化了跟蹤使用者互動的過程,而且無需開發人員的持續協助。無論您是要跟蹤基本分析、監控表單提交或點選等特定事件,還是要實施更復雜的再營銷活動,GTM 都是您的寶貴資產。它可以提高數字營銷領域的靈活性;您可以測試和部署標籤,而不必依賴 IT 部門編寫和釋出程式碼,從而使整個過程更加高效。

此外,GTM 還支援不同營銷平臺的各種標籤,而不僅僅是谷歌的工具套件。這種相容性使 GTM 成為管理各種不同營銷資料流的集中式工具。由於可以隨時新增、編輯和禁用標籤,營銷人員對資料收集和報告流程的控制能力大大增強。

一言以蔽之,對於任何希望簡化網站程式碼並以最低技術要求加強營銷工作的人來說,Google 標籤管理器都是不可或缺的工具。

現在,讓我們來了解一下如何在網站上安裝 Google 標籤管理器。只需四個步驟,10 分鐘左右即可完成。

步驟 1:建立 Google 標籤管理器賬戶

開始使用 Google Tag Manager 非常簡單,第一步就是建立一個賬戶。如果您已經有一個用於 Gmail、Google Drive 或 Google Analytics 等服務的 Google 賬戶,則可以使用同一賬戶登入 Google Tag Manager。如果沒有,則需要建立一個新的 Google 賬戶。

  • 進入 Google 標籤管理器。開啟瀏覽器,訪問 Google 標籤管理器網站 (tagmanager.google.com)。在這裡,您可以選擇登入或建立賬戶。
  • 登入或註冊。如果已有 Google 賬戶,請單擊 “Sign in” 按鈕;如果需要建立新賬戶,請選擇 “Create account”。按照螢幕提示登入或建立新的 Google 賬戶。
  • 建立 GTM 賬戶。登入後,系統會提示您建立一個新的 GTM 賬戶。點選右上角的 “Create Account” 按鈕。
  • 輸入賬戶詳細資訊。您需要為 GTM 賬戶提供一個名稱。谷歌建議每個公司只擁有一個 GTM 賬戶,即使您擁有多個網站也是如此,因此這通常是您公司或組織的名稱。在同一部分中,您需要選擇您所在的國家。

建立 Google 標籤管理器賬戶

下一步是在網站上設定並安裝容器和標籤。有幾種不同的方法可以做到這一點,下面我們將介紹兩種簡單的方法。

步驟 2:在網站上安裝 Google 標籤管理器程式碼(2 種方法)

在網站上安裝 GTM 之前,您需要建立一個容器來完成賬戶設定。容器是您新增到網站上的一段程式碼,用於使 Google Tag Manager 正常工作。通常情況下,您會為每個安裝 GTM 的網站建立一個唯一的容器,因此當您進入賬戶設定流程的下一部分,輸入 “Container Name” 時,通常會選擇您的網站名稱或 URL。

為每個安裝 GTM 的網站建立一個唯一的容器

接下來,選擇 “Target Platform”。網站選擇 “Web”。

最後,點選 “Create”。這將完成賬戶註冊並建立第一個容器。你會看到兩個彈出視窗:

  • 第一個是 Google 服務條款。選中頁面底部的覈取方塊,點選右上角的 “Yes” 接受條款。
  • 第二個彈出視窗是操作指南,其中包括在 WordPress 網站上安裝容器所需的程式碼片段。它還解釋了在哪裡複製和貼上容器程式碼,下文將詳細介紹。

Google 標籤管理器程式碼

#1:手動新增 GTM 程式碼

要手動將容器新增到 WordPress 網站,您需要從彈出視窗中複製這些程式碼並將其貼上到網站的原始碼中。

具體步驟如下

登入 WordPress 賬戶。接下來要做的事情會根據你使用的 WordPress 版本、託管公司和主題而有所不同,但你需要找到主題檔案的原始碼。

右側的導航欄是一個很好的開始。在 “外觀”- “主題檔案編輯器”。如果找不到原始碼,請跳到方案 2,這對初學者來說要容易得多。

主題檔案編輯器

由於 WordPress 主題的設計和功能各不相同,它們的主題程式碼也可能不同。您要查詢的是標題檔案。它的通用名稱是 header.php。如果找不到,請聯絡主題開發人員尋求幫助。

主題header.php檔案

在標頭檔案中找到 <head></head> 標記。複製容器的第一個程式碼片段,並將其貼上到 <head> 部分儘可能高的位置。

接著,找到 <body> 標記。複製容器的第二個程式碼片段,並將其貼上在 <body> 標記的開頭之後。

點選 “更新檔案” 儲存更改。

返回 GTM 並點選 “Preview”。這將開啟一個新視窗,將 Google Tag Assistant 連線到您的網站。輸入網站 URL 並點選 “Connect”。

您的網站將開啟一個新視窗,如果連線成功,Google Tag Assistant 會通知您。連線成功後,點選 “Finish”,回到上一個視窗,點選 “Continue”。您應該會在螢幕上方看到 “Google Container Found”(找到谷歌容器),這表明 WordPress 網站上的 GTM 安裝已完成。

點選 “Submit” 按鈕。輸入版本名稱並點選 “Publish”。

#2:使用外掛安裝 GTM

在 WordPress 網站上安裝 GTM 的第二種方法是使用外掛。這種方法不需要編輯網站原始碼,因此更適合初學者。

Insert Headers And Footers 就是一個簡單、免費的外掛。建立 GTM 賬戶並設定好容器後,下面是要做的事情:

進入 WordPress 管理頁面。導航至 “外掛”,然後選擇 “新增新外掛”,搜尋 “Insert Headers And Footers”。找到後,點選 “立即安裝”。

新增新的外掛

轉到 “Settings”,然後轉到 “Insert Headers and Footers”。

Insert Headers and Footers外掛設定

從 GTM 賬戶的方框中複製程式碼片段,並將其貼上到 “Insert Headers and Footers” 的相應方框中。

貼上指令碼至Header

點選 “Save”。

注:當然如果你已經安裝了一些提供自定義程式碼功能的主題或者外掛,則直接可以在該外掛或者主題的功能模組實現新增 GTM 程式碼。比如閃電博開發的主題就提供這樣的功能。

步驟 3:新增標籤

在網站上安裝了 Google 標籤管理器程式碼後,現在就可以開始新增標籤了。標籤可用於多種目的,從跟蹤網站分析到再營銷和轉換跟蹤。下面介紹如何新增第一個標籤:

進入 Google 標籤管理器儀表板(https://tagmanager.google.com/),選擇剛剛建立的容器名稱。

點選 “Add a new tag” 按鈕。

GTM標籤型別

如果您剛剛開始使用,您可能需要建立一個 Google Analytics 跟蹤標籤。這是使用 GTM 最常見的方法之一,GA4 提供了大量使用標籤跟蹤實時網站資料和指標的方法。對於 GA4 標籤,請命名為 “GA4 “或 “GA4 配置 “等描述性名稱。

在標籤配置框中,選擇 “Google Tag”。在 “Tag ID” 欄位中,輸入您的 Google 標籤 ID。點選 “Save”。

GTM觸發器

配置好標籤後,需要定義何時觸發。點選 “Triggering” 部分並選擇一個觸發器。例如,要跟蹤所有頁面的瀏覽量,就需要選擇 “All Pages” 觸發器。觸發器的範圍可以很廣,也可以很具體 – GTM 給了你很大的控制權。

步驟 4:驗證 GTM 已安裝併傳送資料

在儲存和釋出標籤之前,確保一切工作正常至關重要。以下是驗證 GTM 安裝是否正確以及標籤是否正在傳送資料的方法:

GTM 提供了一個內建預覽模式,可以讓你看到哪些標籤在你的網站上啟動了。在網站的 GTM 面板上點選 “Preview”,輸入網站的 URL,然後導航到網站。您將在網站底部看到一個除錯視窗,顯示哪些標記正在啟動,哪些沒有。

GTM預覽

接下來,您可以在 Google Analytics 中查詢實時資料。如果你在 GTM 中設定了 Google Analytics 標籤,請進入你的 Google Analytics 賬戶並導航到實時報告。如果您在網站上看到活躍使用者(您可能需要在網站上瀏覽以生成資料),這表明 GTM 正在向 Google Analytics 正確傳送資料。

谷歌統計實時預覽

要進行技術性更強的檢查,可以使用瀏覽器的開發工具檢查網站頁面載入時發出的網路請求。查詢對 “google-analytics.com” 或其他相關域的網路呼叫,這可以確認標籤已啟動。

採取這些步驟後,你就能確信 Google 標籤管理器安裝正確,而且你的標籤正在按預期收集和傳送資料。如果出現任何問題,這些驗證方法提供的資訊還可以幫助您排除故障。

常見問題

我可以在不同型別的網站上安裝 Google Tag Manager 嗎?

可以,Google Tag Manager 可以安裝在所有型別的網站上,包括使用 HTML、PHPWordPressShopify 和其他內容管理系統或電子商務平臺構建的網站。

我可以使用 CMS 外掛來安裝 Google 標籤管理器嗎?

當然可以。許多內容管理系統(如 WordPress)都有外掛,可以更方便地整合 Google 標籤管理器。只需在 CMS 的外掛庫中搜尋 GTM 外掛即可。

Google 標籤管理器程式碼放在網站的什麼位置?

Google 標籤管理器程式碼片段由兩部分組成。第一部分應儘可能靠近每個頁面的開頭 <head> 標記,第二部分應緊接在開頭 <body> 標記之後。

Google Analytics 和 Google Tag Manager 有什麼區別?

Google Analytics 是一種收集和報告網站流量和使用者互動資料的工具。另一方面,Google Tag Manager 是一個標籤管理系統,可以讓您在不更改網站程式碼的情況下輕鬆更新和管理營銷標籤(包括 Google Analytics 跟蹤程式碼)。從根本上說,Google Analytics 可以衡量網站的效能,而 Google Tag Manager 則可以幫助您簡化部署和管理收集資料的標籤的過程。

 

評論留言