如何将 Google Tag Manager 添加到 WordPress 并创建您的第一个标签

技术教程 2021年11月6日
2406 0

想要将 Google Tag Manager 添加到 WordPress?

Google 标签管理器对 WordPress 网站有很多好处.它可以帮助您添加和管理您在站点上使用的所有各种脚本.例如，无需为以下服务手动添加代码:

  • 谷歌分析
  • 事件跟踪
  • 谷歌优化

您可以通过 Google 标签管理器管理一切！

如果您发现自己经常向 WordPress 网站添加各种脚本，那么 Google 标签管理器对您来说会方便很多.一旦掌握了窍门，您甚至可以开始使用它来收集更多可操作的数据，为您的营销工作提供信息.

在这篇博文中，我将逐步向您展示如何在您的 WordPress 网站上安装 Google Tag Manager，包括添加代码的位置.

然后，我将向您提供有关如何发布第一个标签并确保其正常工作的快速指南.

让我们潜入吧！

第 1 步:注册 Google 跟踪代码管理器帐户

如果您还没有，首先需要注册一个免费的 Google 跟踪代码管理器帐户.

你可以这样做 前往此处.

注册后，您应该会进入添加新帐户界面.为您的公司命名:

然后，在设置容器部分，在容器名称字段中输入您的网站名称并选择Web:

一旦您接受了 Google 的服务条款，Google 就会将您带到 Google 跟踪代码管理器界面并显示两个代码段.保持此窗口打开，因为您需要在下一部分中将这两个代码段添加到您的 WordPress 网站:

第 2 步:将 Google 跟踪代码管理器代码片段添加到您的网站

这是 one 有点棘手的部分.以前，您只需将一个代码片段添加到主题的 中.部分，但现在 Google 跟踪代码管理器希望您添加两个片段:

  • 第一个出现在您的部分
  • 第二个紧跟在 标签之后

除了直接编辑您的子主题之外，WordPress 并没有为您提供一种简单的方法来在 之后插入代码;标签，每个主题的工作方式都略有不同，所以我无法为您提供适用于所有主题的教程.

所以:

  • 如果您已经习惯直接编辑子主题的文件，那么您可以这样做.
  • 如果您不喜欢直接使用主题文件，我将向您展示两种可以使用的不同方法-适合初学者的插件和简化的代码方法.立>

选项 1:使用页眉、页脚和后置注入

如果您愿意为 Google 跟踪代码管理器专门添加一个插件，添加它的最简单方法是使用免费的 页眉、页脚和后期注入插件.

首先，安装并激活这个免费插件.然后，转到 WordPress 仪表板中的设置 → 页眉和页脚以访问插件界面.

现在:

  • 将第一个 Google Tag Manager 代码段粘贴到 中的ON EVERY PAGE 框中.页面部分注入部分
  • 将第二个 Google 跟踪代码管理器代码片段粘贴到 AFTER THE 中的 DESKTOP* 框中.TAG 部分(别担心-代码片段仍会在移动设备上加载.页眉、页脚和后置注入只是使使用单独的代码片段成为可能如果您选中移动框)

它应该是这样的:

确保保存您的更改，您就大功告成了！

选项 2:使用 Functions.php 代码片段

让我先说这个方法技术上不是 100% 最佳.它适用于大多数网站，但我会在向您展示该怎么做后解释我的意思.

要使用它，您需要做的就是将此代码片段添加到您的子主题functions.php 文件:

add_action('wp_head', 'gtm_head_code');
Function gtm_head_code(){
?>
FIRST_SCRIPT_FROM_GTM_INTERFACE
<?php
}
add_action('wp_footer', 'gtm_body_code');
Function gtm_body_code(){
?>
SECOND_SCRIPT_FROM_GTM_INTERFACE
<?php
}

确保用实际的代码片段替换占位符.

那么为什么这种方法不是 100% 最佳的?

因为此方法将第二个代码片段放在页脚中，而不是放在开头的 <body> 之后.标签，如果访问者没有完全加载您的页面，您的标签可能不会触发(这种情况很少见，但可能).这就是 Google 建议您将其添加到网站代码中尽可能高的原因.

但对于大多数网站?这个方法完全没问题.

第 3 步:测试以确保您的代码段正常工作

要确保您正确安装了 Google 跟踪代码管理器:

转到结果的跟踪代码管理器标签，然后查找跟踪代码管理器列中的绿色复选框:

如果你看到了——恭喜！您已在 WordPress 网站上正确安装了 Google 跟踪代码管理器脚本.

现在，我将快速介绍如何使用 Google 标签管理器创建您的第一个标签.

第 4 步:创建您的第一个标签

将代码段添加到您的网站后，您可以返回 Google 跟踪代码管理器界面并创建您的第一个代码.

"标签"基本上是您想要使用 Google 标签管理器插入到您的网站中的特定脚本.

首先，在您的 Google 标签管理器信息中心创建一个新标签:

通过点击标签配置，您可以选择要创建的标签类型.Google 为 Google Analytics、Google Optimize 和许多第三方服务等内容提供了各种预建选项.

但您也可以使用自定义 HTML 或自定义图像 标记插入任何客户端代码:

选择标签类型后，您需要按照设置对其进行配置.

然后，您可以点击触发部分来选择何时"触发"您的代码.

默认为所有页面，但如果需要，您也可以点击+ 图标来获得更多针对性:

完成设置后，点击保存.

第 5 步:发布您的容器

现在，您只需发布您的容器即可让您的标签生效.

为此，请点击 Google 跟踪代码管理器界面中的提交按钮:

然后，输入版本名称和版本说明.我建议您尽可能详细地说明这些内容，以帮助以后进行版本控制.也就是说，准确解释您添加了哪些标签以及它们的作用.

然后，点击发布:

就是这样！您刚刚发布了您的第一个标签.

如何测试单个标签是否触发

如果您想确保容器中的各个标签都被触发，Google 为 Chrome 提供了一个免费的浏览器扩展程序，名为 标签助理.

帮助您成为 Google 跟踪代码管理器专家的资源

此时，您已成功将 Google Tag Manager 添加到 WordPress.但 Google 跟踪代码管理器的功能非常深入，并且解释了大量的界面选项超出了本文的范围.

因此 – 现在您已经安装了 Google 标签管理器，您可以了解更多关于界面的信息 在这篇 Moz 文章中.

有关您可以在 Google 标签管理器中实施的一些标签的更多相关阅读，请查看我们关于 Google Analytics 和 WooCommerce Google Analytics 目标.

VPS1352主机测评网(www.vps1352.com)
本文链接：https://www.vps1352.com/7600.html

google(46)WordPress(893)添加(37)
♥赞4

相关文章

发表回复