如何为 WordPress 设置 Google 标签管理器

Google Tag Manager 是一个如此强大的工具,以至于我在研究这篇文章时对信息的缺乏感到震惊。 好吧,这本身并不完全是“缺乏信息”,而是少数可用帖子显然无法解释什么是 Google Tag Manager 以及它的作用。

如果您正在寻找有关 Google 跟踪代码管理器以及如何在您的 WordPress 网站上设置它的更多信息,请不要再犹豫了。 因为你来对地方了。

在这篇文章中,我们概述了:

  • 什么是 Google 跟踪代码管理器
  • 为什么需要使用该工具,以及
  • 如何手动或使用插件将其安装在您的 WordPress 网站上

最重要的是,我们将演示 Google 跟踪代码管理器的实际运行情况,让您了解使用其他跟踪代码管理系统可以实现的目标。 我们这样说是因为存在许多其他标签管理系统,例如 Tealium、Qubit 和 Adob​​e Experience Platform Launch,仅举几例。

顺便说一下,还有很多东西要学,所以让我们直接开始吧。

什么是谷歌标签管理器?

Google 跟踪代码管理器是满足您的数字跟踪需求的绝佳工具。 它允许您在不编辑代码的情况下在您的网站上部署标签。 含糊不清? 为了给你一个更清晰的画面,让我们首先定义一个数字跟踪方面的标签。

标签只是您添加到站点的一段 JavaScript 代码,因此您可以激活第三方功能,例如流量分析、广告和实时聊天等。 在某些圈子中,标签也称为网络信标或跟踪像素。

标签的一个很好的例子是您添加到站点的 Google Analytics(分析)跟踪代码,因此您可以跟踪您的流量。

标签的全部目的是收集访问者数据以用于分析和数字营销工具。 提供这些标签的公司(例如 Google Analytics、AdWords、Facebook、LinkedIn 等)被称为标签供应商。

为什么选择谷歌标签管理器?

传统上,在您的 WordPress 网站上实施标签意味着手动(或直接)编辑您的代码。 在 WordPress 上,这意味着编辑各种文件,例如 标题.php函数.php 除其他外。

现在,如果您继续将 JavaScript 代码添加到您的文件中,它会降低您的网站速度。 此外,它会使您的网站面临安全漏洞,尤其是当您从不可靠的来源获取标签时。

还有维护您添加到页面的所有代码的问题。 例如,如果有更改,您将需要更新标签,这意味着深入挖掘您的代码。 同样,这对初学者不友好。 也有很大的错误空间。 你知道,犯错是人之常情。

该怎么办?

如果您有多个标签,您可以使用 Google 标签管理器从一个中心位置跟踪所有标签。

以下是将这一点带回家的几个好处:

  • 使用 Google 跟踪代码管理器,您将永远不必再将过去的代码块复制到您的网页中。
  • 您可以将所有现有标签迁移到 Google 标签管理器
  • Google Tag Manager 为您提供一个容器来部署多个标签并通过直观的仪表板管理它们,使整个过程变得轻而易举
  • 此标签管理系统允许您快速部署标签。 例如,无需将您的 Google Analytics 代码复制粘贴到您的网站中,您只需将 Google Analytics 跟踪 ID 添加到 Google Tag Manager 和 viola – Google Analytics 在您的网站上运行
  • 在您的 WordPress 网站上设置 Google 标签管理器就像 A、B、C 一样简单 – 手动将 GTM 添加到 WordPress 很容易。 使用插件更容易。 选择适合您的方法。
  • Google 跟踪代码管理器可帮助您捕获大量数据以满足您的营销需求。 您可能无法使用其他跟踪软件捕获的数据。 这转化为及时和准确的数据——这种数据意味着成功与失败之间的所有差异。
  • Click and go to add tags to your site 因为 Google Tag Manager 附带了许多内置集成,例如 AdWords、Analytics、Google Optimize、Adometry、Crazzy Egg、LinkedIn 和 Shareholic 等
  • 此外,由于自定义 HTML 支持,您可以创建无限的标签

您所要做的就是手动或通过插件将 Google 跟踪代码管理器代码安装到您的站点。

然后,Google 跟踪代码管理器将为您“处理”JavaScript 代码,然后通过容器向您的站点提供功能。 这有意义吗? 我当然希望如此。

例如,无需将 Google Analytics 代码添加到您的站点,您只需将 Analytics 与 GTM 集成即可完成工作。 听着,听着——在 Google 标签管理器中添加标签是四年级学生的事情,您再也不需要开发人员了。

将一百万个功能完成后,您会想知道为什么 Google Tag Manager 是免费的。 是的,你没有看错。 免费。 但是还有具有更多功能和 24/7 支持的高级版本。 不过,我怀疑您是否会很快需要这些高级功能,因为免费版本已被装满了边缘朋友。 包含您像专业人士一样收集数据所需的所有功能。

例如,您甚至可以捕获正在观看视频的用户。 最重要的是,您可以看到每个用户观看视频的时长。 而这只是冰山一角,您可以收集很多指标。

缺点

  • Google Tag Manager 免费版不提供高级支持
  • 有一个学习曲线,但话又说回来,YouTube 在 Google 标签管理器上有几个不错的视频。 在这篇文章的最后,请随时查看我们将在资源部分推荐的一些视频

这不是一份详尽的优点/缺点列表,因此我们将继续进行下去。 让我们卷起袖子,下来和脏。

如何在 WordPress 中设置 Google 标签管理器

在本节中,我们将在您的 WordPress 站点上安装 Google Tag Manager:

  • 手动,和
  • 通过插件

事不宜迟,让我们进入正题。

首先,创建一个 Google 跟踪代码管理器帐户

第一步涉及创建一个免费的 Google 跟踪代码管理器帐户。 这将解锁著名的 GTM 仪表板和标签(或跟踪 ID),您需要将该工具与您的 WordPress 网站集成。

前往 谷歌标签管理器网站. 使用您的 Google 帐户登录(如果您还没有帐户,则创建一个帐户),如下所示。

谷歌账户登录

您将被重定向到漂亮的 Google 跟踪代码管理器管理仪表板。 接下来,单击 创建账户 我们在下面的屏幕截图中突出显示的链接。

谷歌标签管理器管理员

在下一个屏幕上,输入您的帐户名称(这可能是您的公司),选择您的国家并点击 继续 按钮。

创建新的谷歌标签管理器帐户

接下来,在中输入您的域名 容器名称 字段并选择 网络。 之后,点击 创造 按钮,我们将在下面详细介绍。

命名容器

接受 Google Tag Manager 服务条款协议和数据处理条款,如下图所示。

服务条款

将出现以下包含您的 Google 跟踪代码管理器安装代码的弹出窗口。

GTM标签

保持上面的选项卡打开,因为您将需要这两个代码在您的 WordPress 网站上手动设置 Google 标签管理器。 您会注意到,GTM 提供了有关将代码粘贴到何处的说明,但如果您是绝对的初学者,这可能具有挑战性。

  用于 WordPress 的 ConvKit 智能弹出窗口

不过不用担心,我们将在接下来的部分中向您展示确切的操作。

继续之前的重要注意事项:

  • 在更改主题文件之前备份您的 WordPress 网站
  • 更好的是,创建一个 WordPress 子主题并编辑它而不是父主题

手动设置 Google 标签管理器

在新选项卡中,登录到您的 WordPress 管理仪表板,然后导航到 外观 > 编辑器。

WordPress 主题编辑器

请注意,从上图中,我们在示例中使用了免费的 Elegant WordPress 主题的子主题。 我们还复制了几个文件,例如 header.php, footer.php, rlt.css 404.php 到儿童主题。 我们会将我们的 Google 跟踪代码管理器安装代码粘贴到 标题.php 文件。

单击主题标题 (标题.php) 从正确的文件导航器启动 标题.php 在主题编辑器中。

头文件

在我们的 GTM 帐户中,说明说您需要将第一个代码粘贴到 <头>, 和开场后的第二个代码 <正文> 标签。

你能看到 <头><正文> 你的标签 标题.php 文件? 这 <正文> WordPress 中的标签可能看起来有点不同。 例如,我们的看起来像 <身体 >. 你能在上图中看到它吗? 我敢打赌你会这样做让我们继续前进。

从 Google 跟踪代码管理器复制第一个代码并将其粘贴到 <头> 元素如下图所示。

第一个 GMT 代码

然后,复制第二个代码,在打开后立即粘贴 <正文> 标签如下所示。

第二个 GTM 代码

最后,点击 更新文件 屏幕底部的按钮以保存您的更改。 现在,Google 跟踪代码管理器已安装在您的网站上。 很容易吧?

但是假设您不喜欢编辑代码,而是宁愿使用插件。

如何通过插件将 Google 标签管理器添加到 WordPress

对于本节,我们将使用一个名为 DuracellTomi 的 WordPress 谷歌标签管理器. 它在 WordPress 插件存储库中可用,这意味着您可以直接从 WordPress 管理仪表板安装它。 话虽如此,让我们开始工作吧。

导航 插件 > 添加新的 在您的 WordPress 管理菜单上。

添加新插件

在搜索字段中输入 DuracellTomi 的 WordPress 谷歌标签管理器,找到插件后,点击 现在安装 按钮。

金霸王插件

安装插件后,单击 启用 按钮如下图所示。

金霸王插件激活

屏幕顶部的通知将通知您需要输入 GTM ID 才能开始使用适用于 WordPress 的 Google 跟踪代码管理器。 点击 输入您的 GTM ID 链接如下所示。

GTM ID

您可以在您的 Google 跟踪代码管理器帐户中找到您的 GTM ID,如下所示。

GTM ID 号码

从您的 Google 跟踪代码管理器帐户复制 GTM ID,然后返回您的 WordPress 管理仪表板。 回到您的 WordPress 网站,粘贴 GTM ID,然后点击 保存更改 按钮如下图所示。

GTM 插件集成

就是这样! 您刚刚了解了如何使用插件将 Google 跟踪代码管理器添加到您的 WordPress 网站。 一路走好,伙计,一路走好。 你学得很快。

现在您可以成功地将 Google 跟踪代码管理器添加到您的 WordPress 网站,让我们试一试。 对于这一部分,我们会将 Google Analytics 添加到您的站点,而无需将代码复制粘贴到您的 标头.php。

如果您的网站上已有 Google Analytics 代码,则需要先将其删除,否则您将捕获相同的数据两次。 我们绝对不希望在您的营销报告中出现这种情况。

如何使用 Google 标签管理器将 Google Analytics 添加到您的 WordPress 网站

返回您的 Google 跟踪代码管理器并点击 标签 在左侧导航菜单上。

GTM标签

之后,点击 新的 按钮如下图所示。

GTM新标签

在出现的弹出窗口中,为您的标签命名,然后单击 标签配置 用于选择标签的框(在我们的示例中为 Google Analytics)。

GTM 标签配置

选择 谷歌分析——通用分析 如下图所示。

GTM 选择标签

这样做会使您返回标记配置。 选择 页面预览 在下面 轨道类型 因为我们想向 Google Analytics 报告所有页面浏览量。 见下图。

GTM 轨道类型

在下面 谷歌分析设置, 选择 新变量。 这会打开一个新框,您可以在其中输入您的 Google Analytics 跟踪 ID。 不要忘记如下图所示命名变量。

GTM变量

要查找您的 Google Analytics 跟踪 ID,请登录您的 Google Analytics 帐户并选择您的 WordPress 网站的帐户(如果您的 Google Analytics 帐户中有多个网络属性,请执行此操作)。

GTM分析

接下来,单击 行政 并导航到 跟踪信息 > 跟踪代码。 您应该会看到您的跟踪 ID,因为我们用项目编号突出显示。 3 下面。

GA 跟踪 ID

复制跟踪 ID 并将其粘贴到变量配置框中。 然后点击 节省 按钮如下图所示。

GA变量配置

现在,我们只需要为 Google Analytics 标签设置一个触发器。 点击 触发 选择或创建新触发器。

GA触发

由于我们想要跟踪所有页面上的流量,我们可以使用现有的触发器(或创建一个新的自定义触发器。为了节省时间,我选择了现有的 所有页面 触发如下图。

GA触发器

最后,点击 节省 按钮。

测试您的标签

您的 Google Analytics(分析)代码尚未在您的网站上生效,但您可以通过点击 预览 按钮,如下图所示。

  如何将 Instagram 照片添加到 WordPress

GA 测试标签

一旦 Google 跟踪代码管理器进入预览模式,请重新加载您的网站。 在浏览器窗口底部的 Google 跟踪代码管理器控制台窗口中,您应该会看到在重新加载网站时触发的代码。

工作 GA 标签

如果您登录到您的 Google Analytics 帐户并导航至 即时的, 您将看到您刚刚通过重新加载您的网站触发的页面视图。

GA实时

在那里! 当然你可以在上图中看到它? 来吧,我添加了一个箭头,让你更容易。 请记住,我们不必将 Google Analytics(JavaScript 代码)直接添加到我们的站点来捕获数据——所有数据报告都发生在 Google 跟踪代码管理器中。

这同样适用于您通过 Google 标签管理器添加的所有标签 – 您永远不会向您的网站添加任何代码。 有多甜?

但是我们的 Google Analytics(分析)标签只对我们有效,对我们打算跟踪的用户无效。 要使标签在网站上生效并开始记录实际数据,只需点击 提交 按钮如下图所示。

GA 提交标签

这将启动一个滑入式弹出窗口,允许您命名您的版本并添加描述。 见下图。

版本命名

最后,点击 发布 按钮如上图所示。 最后,您的实时 Google Analytics(分析)应该如下所示:

GTM成功

女士们先生们,这就是您如何利用 Google 跟踪代码管理器的强大功能。 您可以用类似的方式添加一百万零一个标签,您的网站就不必携带所有代码。 我强烈建议您探索 Google 跟踪代码管理器,了解您可以使用此工具实现多少目标。

在你我之间,我被卖了,你可能已经注意到了。 这是我第一次在我的实时博客上安装这个东西。 我也计划在我的其他博客上使用 Google Tag Manager。

其他资源

我们希望我们的教程能为您指明正确的方向,帮助您在 WordPress 网站上理解和实施 Google 标签管理器。 如果您想了解更多信息,这里有一些额外的资源(我们承诺过,不是吗?)供您欣赏。

结束我们的 WordPress 谷歌标签管理器指南

Google 跟踪代码管理器是一个强大的工具,在管理代码和收集可操作数据方面赋予您很大的权力。

您可以轻松快速地设置该工具,这意味着您有更多时间来计划如何使用您收集的所有数据。 及时收集数据也很棒。 那为什么不试一试呢?

对 Google 跟踪代码管理器有想法或问题? 让我们一起学习。 在下面的评论部分分享您的想法。 欢呼和快乐的数据挖掘!

类似文章