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

GoogleTagManager(GTM)?是谷歌提供的一款功能强大的免费工具,网站所有者和营销人员无需掌握任何编码技能,即可在网站(或移动应用程序)上管理和部署营销标签(代码片段或跟踪像素)。换句话说,它是一个标签管理系统,能让您快速、轻松

How-to-Install-Google-Tag-Manager-on-WordPress-Banner.pngo_

Google Tag Manager (GTM)?是谷歌提供的一款功能强大的免费工具,网站所有者和营销人员无需掌握任何编码技能,即可在网站(或移动应用程序)上管理和部署营销标签(代码片段或跟踪像素)。

换句话说,它是一个标签管理系统,能让您快速、轻松地更新网站或移动应用程序上的测量代码和相关代码片段(统称为标签)。

GTM 通过提供用户友好的界面来实施跟踪代码,简化了跟踪用户交互的过程,而且无需开发人员的持续协助。无论您是要跟踪基本分析、监控表单提交或点击等特定事件,还是要实施更复杂的再营销活动,GTM 都是您的宝贵资产。它可以提高数字营销领域的灵活性;您可以测试和部署标签,而不必依赖 IT 部门编写和发布代码,从而使整个过程更加高效。

此外,GTM 还支持不同营销平台的各种标签,而不仅仅是谷歌的工具套件。这种兼容性使 GTM 成为管理各种不同营销数据流的集中式工具。由于可以随时添加、编辑和禁用标签,营销人员对数据收集和报告流程的控制能力大大增强。

一言以蔽之,对于任何希望简化网站代码并以最低技术要求加强营销工作的人来说,Google 标签管理器都是不可或缺的工具。

现在,让我们来了解一下如何在网站上安装 Google 标签管理器。只需四个步骤,10 分钟左右即可完成。

开始使用 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 账户,即使您拥有多个网站也是如此,因此这通常是您公司或组织的名称。在同一部分中,您需要选择您所在的国家。

New-Account.jpgo_

下一步是在网站上设置并安装容器和标签。有几种不同的方法可以做到这一点,下面我们将介绍两种简单的方法。

在网站上安装 GTM 之前,您需要创建一个容器来完成账户设置。容器是您添加到网站上的一段代码,用于使 Google Tag Manager 正常工作。通常情况下,您会为每个安装 GTM 的网站创建一个唯一的容器,因此当您进入账户设置流程的下一部分,输入 “Container Name” 时,通常会选择您的网站名称或 URL。

Setup.jpgo_

接下来,选择 “Target Platform”。网站选择 “Web”。

最后,点击 “Create”。这将完成账户注册并创建第一个容器。你会看到两个弹出窗口:

  • 第一个是 Google 服务条款。选中页面底部的复选框,点击右上角的 “Yes” 接受条款。
  • 第二个弹出窗口是操作指南,其中包括在 WordPress 网站上安装容器所需的代码片段。它还解释了在哪里复制和粘贴容器代码,下文将详细介绍。

Code.jpgo_

要手动将容器添加到 WordPress 网站,您需要从弹出窗口中复制这些代码并将其粘贴到网站的源代码中。

具体步骤如下

登录 WordPress 账户。接下来要做的事情会根据你使用的 WordPress 版本、托管公司和主题而有所不同,但你需要找到主题文件的源代码。

右侧的导航栏是一个很好的开始。在 “外观”- “主题文件编辑器”。如果找不到源代码,请跳到方案 2,这对初学者来说要容易得多。

Theme-File-Editor.jpgo_

由于 WordPress 主题的设计和功能各不相同,它们的主题代码也可能不同。您要查找的是标题文件。它的通用名称是 header.php。如果找不到,请联系主题开发人员寻求帮助。

Theme-Header.jpgo_

在头文件中找到 和 标记。复制容器的第一个代码片段,并将其粘贴到 <head> 部分尽可能高的位置。

接着,找到 标记。复制容器的第二个代码片段,并将其粘贴在 标记的开头之后。

点击 “更新文件” 保存更改。

返回 GTM 并点击 “Preview”。这将打开一个新窗口,将 Google Tag Assistant 连接到您的网站。输入网站 URL 并点击 “Connect”。

您的网站将打开一个新窗口,如果连接成功,Google Tag Assistant 会通知您。连接成功后,点击 “Finish”,回到上一个窗口,点击 “Continue”。您应该会在屏幕上方看到 “Google Container Found”(找到谷歌容器),这表明 WordPress 网站上的 GTM 安装已完成。

点击 “Submit” 按钮。输入版本名称并点击 “Publish”。

在 WordPress 网站上安装 GTM 的第二种方法是使用插件。这种方法不需要编辑网站源代码,因此更适合初学者。

Insert Headers And Footers 就是一个简单、免费的插件。创建 GTM 账户并设置好容器后,下面是要做的事情:

进入 WordPress 管理页面。导航至 “插件”,然后选择 “添加新插件”,搜索 “Insert Headers And Footers”。找到后,点击 “立即安装”。

Add-New-Plugin.jpgo_

转到 “Settings”,然后转到 “Insert Headers and Footers”。

WP-Headers-and-Footers.jpgo_

从 GTM 账户的方框中复制代码片段,并将其粘贴到 “Insert Headers and Footers” 的相应方框中。

Scripts.jpgo_

点击 “Save”。

注:当然如果你已经安装了一些提供自定义代码功能的主题或者插件,则直接可以在该插件或者主题的功能模块实现添加 GTM 代码。比如闪电博开发的主题就提供这样的功能。

在网站上安装了 Google 标签管理器代码后,现在就可以开始添加标签了。标签可用于多种目的,从跟踪网站分析到再营销和转换跟踪。下面介绍如何添加第一个标签:

进入 Google 标签管理器仪表板(https://tagmanager.google.com/),选择刚刚创建的容器名称。

点击 “Add a new tag” 按钮。

Tag-types.jpgo_

如果您刚刚开始使用,您可能需要创建一个 Google Analytics 跟踪标签。这是使用 GTM 最常见的方法之一,GA4 提供了大量使用标签跟踪实时网站数据和指标的方法。对于 GA4 标签,请命名为 “GA4 “或 “GA4 配置 “等描述性名称。

在标签配置框中,选择 “Google Tag”。在 “Tag ID” 字段中,输入您的 Google 标签 ID。点击 “Save”。

Triggers.jpgo_

配置好标签后,需要定义何时触发。点击 “Triggering” 部分并选择一个触发器。例如,要跟踪所有页面的浏览量,就需要选择 “All Pages” 触发器。触发器的范围可以很广,也可以很具体 – GTM 给了你很大的控制权。

在保存和发布标签之前,确保一切工作正常至关重要。以下是验证 GTM 安装是否正确以及标签是否正在发送数据的方法:

GTM 提供了一个内置预览模式,可以让你看到哪些标签在你的网站上启动了。在网站的 GTM 面板上点击 “Preview”,输入网站的 URL,然后导航到网站。您将在网站底部看到一个调试窗口,显示哪些标记正在启动,哪些没有。

Preview.jpgo_

接下来,您可以在 Google Analytics 中查找实时数据。如果你在 GTM 中设置了 Google Analytics 标签,请进入你的 Google Analytics 账户并导航到实时报告。如果您在网站上看到活跃用户(您可能需要在网站上浏览以生成数据),这表明 GTM 正在向 Google Analytics 正确发送数据。

realtime.jpgo_

要进行技术性更强的检查,可以使用浏览器的开发工具检查网站页面加载时发出的网络请求。查找对 “google-analytics.com” 或其他相关域的网络调用,这可以确认标签已启动。

采取这些步骤后,你就能确信 Google 标签管理器安装正确,而且你的标签正在按预期收集和发送数据。如果出现任何问题,这些验证方法提供的信息还可以帮助您排除故障。

我可以在不同类型的网站上安装 Google Tag Manager 吗?

可以,Google Tag Manager 可以安装在所有类型的网站上,包括使用 HTML、PHP、WordPress、Shopify 和其他内容管理系统或电子商务平台构建的网站。

我可以使用 CMS 插件来安装 Google 标签管理器吗?

当然可以。许多内容管理系统(如 WordPress)都有插件,可以更方便地集成 Google 标签管理器。只需在 CMS 的插件库中搜索 GTM 插件即可。

Google 标签管理器代码放在网站的什么位置?

Google 标签管理器代码片段由两部分组成。第一部分应尽可能靠近每个页面的开头 标记,第二部分应紧接在开头 标记之后。

Google Analytics 和 Google Tag Manager 有什么区别?

Google Analytics 是一种收集和报告网站流量和用户互动数据的工具。另一方面,Google Tag Manager 是一个标签管理系统,可以让您在不更改网站代码的情况下轻松更新和管理营销标签(包括 Google Analytics 跟踪代码)。从根本上说,Google Analytics 可以衡量网站的性能,而 Google Tag Manager 则可以帮助您简化部署和管理收集数据的标签的过程。

 

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:12
下一篇 2025年3月13日 下午5:13

相关推荐

  • 如何添加WordPress侧边栏悬浮固定小工具?

    在WordPress网站中是否有侧边栏是一个百万美元的争论。随着CoreWebVitals、AMP和其他速度的改进,侧边栏正在失去与早期不同的名声。默认的WordPress主题(例如二〇二一和二〇二二)甚至

    2025年3月13日
  • WordPress 批量替换旧网址或内容的 Mysql 语句

    在WordPress程序的使用中,经常遇到新老域名替换等操作,通常我们会操作Mysql数据库来更快更完整的进行全量替换。 在Mysql管理界面执行以下sql语句: 注意:以下代码中的 000000 代表旧的网址, 111111 代表新的网…

    WP教程 2025年3月12日
  • 使用WPForms和CF7插件创建WordPress博客联系表单教程

    如果你准备建立一个企业网站或博客,设置一个联系表格是非常有必要的。联系表单是访客与你之间的沟通桥梁,方便访客对你的网站作出反馈又或者与你联系进一步沟通交流。如果你积极地与网站访客接触并为他们提供帮助或者解决方案,能够帮助你树立友好的形象,增强访客的访问频次,甚至有可能成为你的网站的付费客户,提高你的网站转化率。给你的WordPress网站安装一个联系表单提供

    2025年3月13日
  • WordPress文章、页面自定义字段创建与管理

    作为最受欢迎的内容管理系统(CMS)之一,WordPress以其各种功能和自定义选项而广为人知。一种这样的选择是扩展元数据,它指的是页面或文章的关键信息,包括作者姓名、标题和描述。用户可以通过在WordPress中启

    2025年3月13日
  • WordPress手动升级教程

    手动文件更新 1 . 先下载Wordpress最新版解压,得到下面文件。然后把wp-content文件夹删掉,把剩下的文件在FTP上传替换,升级网站文件 2 . 在浏览器上输入地址:域名/wp-admin/upgrade.php升级数据库。 当第一种升…

    2025年3月18日
  • 什么是名称服务器及其重要性

    如果您试图将您的域名指向您的虚拟主机,您可能会遇到术语名称服务器。那么,什么是域名服务器?名称服务器有助于将URL与Web服务器的IP地址连接起来。域名服务器是域名系统(DNS)的重要组成部分,被许多人称为“互联网电话簿”。在本文中,我们将深入探讨什么是域名服务器、它们如何工作

    2025年3月13日
  • WordPress最多适合安装多少个插件?

    但是,可能导致问题的不是插件的数量,而是它们的质量。确定要安装多少个WordPress插件可能是一个挑战,因为它取决于各种因素。其中包括您运行的网站类型、网络托管服务提供商的服务器性能以及您网站的大小。在本文中,我们讨论了安装过多WordPress插件可能出现的问题,并提供了一些使用优质插件优化网站的最佳实践。为什么WordPress网站需要插件多少WordPress插件为适合?插件过多的问题

    2025年3月13日
  • 如何创建二维码(QR Code)

    本世纪初,营销人员对二维码寄予厚望。然而,二维码并没有达到预期,可以肯定地说,现在围绕它们的热情已经消退了很多(至少在西方)。但这是否意味着你应该放弃用这项技术弥合“真实”世界和数字世界之间差距的梦想?不必要。事实

    2025年3月13日