安裝 Google Tag Manager WordPress:初學者指南

已發表: 2022-08-04

Google Tag Manager 是一個免費的標籤管理系統,可讓您跟踪流量、轉化和其他網站性能統計信息。

它將您的營銷工具的標籤整合到一個集中的儀表板中,而無需修改代碼。 這有助於您在將所有跟踪標籤推送到您的 WordPress 網站之前輕鬆管理和預覽它們。

苦惱於如何安裝 Google Tag Manager WordPress? 我們是來幫忙的。

本文將引導您通過 3 個簡單的步驟在您的 WordPress 網站上安裝 Google Tag Manager。 如果您不想手動執行此操作,我們還將推薦 5 個最佳 Google 跟踪代碼管理器插件。

讓我們潛入吧!

  • 谷歌標籤管理器的好處
  • 如何在沒有插件的情況下在 WordPress 中安裝 Google Tag Manager
  • 5 個適用於 WordPress 的最佳谷歌標籤管理器插件

谷歌標籤管理器的好處

如果沒有集中式系統,維護所有站點的標籤將是一項挑戰。 例如,在更新標籤時,您將不得不修改各種代碼片段,這對於初學者來說似乎是相當困難的。 專業編碼人員也不建議這樣做。

此外,在站點文件中添加過多的 JavaScript 可能會使您的網站速度變慢並導致安全風險。 如果您應用來自不可靠來源的標籤,情況會更糟。

將 Google 跟踪代碼管理器集成到 WordPress 網站會在很多方面為您帶來好處:

  • 為開發人員節省時間:您不必手動編寫每個標籤。 您改為使用 UI 生成所有標籤。 然後跟踪代碼管理器會將它們應用到您的網站。 這讓您有更多時間去做重要的事情,包括管理您的網站內容。
  • 錯誤更少:手動編碼的標籤更容易出錯。 一個簡單的複制和粘貼錯誤或拼寫錯誤將使標籤無效。 幸運的是,借助 Google 跟踪代碼管理器的用戶友好型錯誤檢查,您可以解決這些問題。
  • 營銷控制和監督:使用谷歌標籤管理器管理和跟踪所有標籤要簡單得多。 由於它同時支持內置標籤和第三方標籤,因此您可以毫不費力地跟踪所有網站和應用程序的活動。

此外,它允許使用自定義 HTML 無限制地創建標籤。 您可以創建和使用標籤來收集不同的網站分析數據,例如轉化、頁面訪問、社交分享等。這有助於您建立和製定強大的營銷策略。

  • 免費工具:它包括許多基本功能,而且不花你一分錢。 要使用更高級的特性和功能,請考慮安裝高級版本。

如何在沒有插件的情況下在 WordPress 中安裝 Google Tag Manager

第 1 步:設置帳戶

要開始使用,您需要設置一個 Google 跟踪代碼管理器帳戶。

  1. 轉到 Google Tag Manager 網站,點擊開始免費按鈕進行註冊。

pfo-google-tag-manager-start-for-free

2. 使用 Google 帳戶登錄。 如果是公司帳戶,請使用您的公司電子郵件地址。

3. 在帳戶部分,選擇單擊此處創建帳戶或右上角的創建帳戶按鈕。

pfo-create-account-google-tag-manager

4. 然後您必須插入一些重要信息。 在Account Setup部分,添加Account Name和您的Country 。 如果是公司帳戶,請使用您的公司名稱作為帳戶名稱。

pfo-google-tag-manager-account-setup

完成頁面下方的容器設置部分。 容器是指您必須添加到網頁中才能使跟踪代碼管理器正常工作的一段代碼。 容器名稱將是您的 WordPress 網站名稱。

目標平台選項中,選擇Web創建

pfo-google-tag-manager-container-setup

5. 將出現兩個彈出窗口。 在第一個彈出窗口中,只需勾選我也接受 GDPR 要求的數據處理條款

pfo-google-tag-manager-agreement

第二個彈出窗口顯示您需要添加到站點頁面的容器片段的所有詳細信息。

pfo-install-google-tag-manager-wordpress

第 2 步:將 Google 跟踪代碼管理器添加到 WordPress

您的 Google Tag Manager 帳戶現已準備就緒,您必須將 Google Tag Manager 添加到您的 WordPress 網站。

在這個階段,您必須複製上一步的代碼片段並將它們添加到<header><body>部分。 採取以下步驟:

  1. 在您的 WordPress 管理儀表板中,轉到外觀主題文件編輯器
  2. 主題文件部分打開header.php

pfo-wordpress-主題文件

3. 從Google 跟踪代碼管理器標籤複製代碼片段的第一部分。 然後導航到WordPress選項卡並將代碼粘貼到開始<head>標記之後。

pfo-wordpress-head-tag

4. 同樣,複製代碼的第二部分並將其粘貼到開始<body>標記之後。

pfo-wordpress-body 標籤

5. 點擊更新文件按鈕完成。

您的 WordPress 網站現在已成功安裝 Google Tag Manager,您可以使用它添加任何跟踪代碼。

第 3 步:發布新標籤

您可以使用 Google 跟踪代碼管理器執行各種操作,包括在您的網站上添加和發布新代碼。

讓我們逐步完成該過程。

  1. 單擊 Google Tag Manager 工作區中的Add a New Tag鏈接。

pfo-add-new-google-tag

2. 將出現一個新頁面。 首先,根據您的喜好重命名您的標籤。

pfo-重命名-谷歌標籤

3. 在標籤配置部分,點擊圖標選擇標籤類型開始設置。 選擇要與您的網站集成的任何其他平台或分析工具的配置。 比方說谷歌分析

pfo-google-分析標籤

4. 選擇軌道類型。 然後,通過在Google Analytics Settings中選擇New Variable選項輸入您的 Google Analytics 跟踪 ID。

pfo-google-tag 配置

5. 接下來,選擇圖標選擇一個觸發器來使這個標籤觸發

6. 將出現一個新頁面。 同樣,重命名觸發器並單擊圖標選擇觸發器類型以開始設置。 然後,選擇您想要的觸發選項。

pfo-google-觸發器配置

7. 在Trigger Configuration部分,勾選All Link Clicks 。 然後,按保存按鈕。

pfo 觸發器配置所有鏈接點擊

8. 接下來,在 Google Tag Manager 儀表板的Workspace選項卡上,單擊提交按鈕以提交您新創建的標籤。

pfo-提交-新-谷歌標籤

9. 最後,選擇Publish and Create Version 。 使用標籤名稱填寫版本名稱字段,然後選擇發布

pfo-google-tag-manager-submit-changes

使用 Google Tag Manager 在您的 WordPress 網站上成功創建了一個新的 Google Analytics 標籤。

5 個適用於 WordPress 的最佳谷歌標籤管理器插件

將 Google Tag Manager 添加到 WordPress 網站的另一種方法是使用插件。 這種方法需要較少的編碼工作,因此更適合新用戶。

以下是我們的建議。

#1 跟踪代碼管理器

pfo-tag-manager-plugin

插件統計:

  • 價格: 100% 免費
  • 評分: 4.9星
  • 活躍安裝: 10,000+

如果您更喜歡在不編寫任何代碼的情況下使用標籤管理器,那麼標籤管理器插件將派上用場。 它支持許多谷歌平台,如穀歌標籤管理器本身、谷歌分析、Facebook Pixel、AdSense 等。

跟踪代碼管理器非常易於使用,尤其是對於新用戶。 此插件允許您在頁眉部分、頁腳部分或整個帖子中向您的網站添加代碼。

#2 用於 WordPress 的谷歌標籤管理器

pfo-gtm4wp-插件

插件統計:

  • 價格:在 WordPress.org 上免費提供。 如果您擁有一家大型公司,並且需要無限的工作空間來執行並發標記項目,請使用跟踪代碼管理器 360 包。
  • 評分: 4.8星
  • 活躍安裝: 600,000+

如果您想在您的網站上自動部署 Google Analytics 和營銷標籤,請使用 Google Tag Manager for WordPress 插件。

它將 Google 跟踪代碼管理器容器代碼片段放置到您的網站上,因此您無需手動添加。 該插件還支持多個容器。

此外,與 Google 和其他第三方標籤的集成使得使用和管理您的網站變得非常簡單。 它還可以節省時間和成本效益,因為它授權您輕鬆檢測任何錯誤。

此外,您的團隊可以使用工作區和訪問限制進行協作。

#3 谷歌標籤管理器

插件統計:

  • 價格:免費
  • 評分: 4.2星
  • 活躍安裝: 20,000+

Google Tag Manager 是 Google 的官方插件。 它指的是一種非常強大的分析/營銷工具,可以在各種社交平台上進行自動營銷。 您不必成為分析書呆子即可處理 WordPress 網站上的跟踪代碼。

此插件允許您添加所有 Google 和其他第三方標籤。 它還使您的營銷過程變得更加有效,而不會浪費時間添加任何標籤。

#4 Metronet 標籤管理器

pfo-metronet-tag-manager-plugin

插件統計:

  • 價格:免費
  • 評分: 4.7星
  • 活躍安裝: 30,000+

您可以使用 Metronet Tag Manager 插件輕鬆地將 Google Tag Manager 集成到您的網站中。 這是一個簡單易用的插件,可在您需要時隨時使用。 在插件的幫助下,您可以輕鬆地組織和簡化您的跟踪腳本。

當您沒有將代碼添加到站點的權限時,集成 Google Tag Manager 會變得有點複雜。 它需要設置規則。

Metronet Tag Manager 在這種情況下會很有用。 它解鎖了其他好處和功能,使您可以為您的網站創建更好的腳本。

#5 真正簡單的谷歌標籤管理器

pfo-really-simple-google-tag-manager

插件統計:

  • 價格:免費
  • 活躍安裝: 1,000+

真正簡單的谷歌標籤管理器插件有助於在不編碼的情況下將谷歌標籤管理器腳本添加到主題代碼中。 這樣可以更輕鬆地啟用或禁用跟踪代碼。

您可以添加和更新自己的標籤,用於轉化跟踪、再營銷、網站分析等。它還可以幫助您更輕鬆、更快速地部署 Google 和第三方標籤。

像專業人士一樣安裝 Google Tag Manager WordPress

使用 Google Tag Manager,您可以在單個儀表板中管理、跟踪和部署 WordPress 網站上的標籤,而無需任何編碼工作。 此外,它有助於收集數據以增強您的營銷計劃。

谷歌標籤管理器可以手動配置或通過使用插件。 我們推薦了 5 個最好的 Google Tag Manager 插件,希望您能找到自己喜歡的一款。

我們還有許多其他很棒的指南可供您使用。 看看我們關於 SEO 策略的文章以獲得更多有用的信息!