如何在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 则可以帮助您简化部署和管理收集数据的标签的过程。

 

评论留言