如何在 WordPress 上安装 Google Tag Manager

Google Tag Manager(GTM) 是一款功能强大的标签管理工具,可用于管理各种分析和营销标签。今天我们来介绍如何在 WordPress 网站上安装 GTM 耿总代码。

创建 GTM 账户

如果您之前之前没有接触过 GTM ,请按照以下步骤创建一个新的 GTM 帐户。如果已经有了 GTM 账户,可以跳过本步骤:

第 1 步:在浏览器中打开 tagmanager.google.com

第 2 步:添加所需信息以创建帐户。

第 3 步:在帐户名称字段中输入您的网站名称。

第 4 步:从下拉列表中选择国家。

第 5 步:点击继续按钮。

第 6 步:在容器名称字段中输入您的网站 URL。

第 7 步:单击在哪里使用容器选项下的 web。

第 8 步:单击创建以创建 GTM 帐户

创建以创建 GTM 帐户
创建以创建 GTM 帐户

第 9 步:将出现一个包含 GTM 条款和服务的弹出窗口。点击同意继续。

第 10 步:之后,将出现第二个弹出窗口,显示 GTM 容器代码。

显示 GTM 容器代码
显示 GTM 容器代码

在 WordPress 上添加谷歌标签管理器

有两种方法可以在 WordPress 网站上添加 GTM 跟踪代码。可以将 GTM 容器代码直接添加到网站模板文件或通过安装插件添加 GTM 代码。

如果您知道如何操作,可以将 GTM 代码直接添加到 WordPress 主题模板文件中。也可以通过安装 “Insert Header and Footers” 插件,然后直接添加 GTM 代码。我们将分别对两种添加 GTM 代码的方式进行介绍。

直接添加 GTM 代码

直接向 WordPress 主题模板文件中添加 GTM 代码的步骤如下所示:

第 1 步:打开 WordPress 管理仪表盘。

第 2 步:在左侧管理面板的菜单中导航到外观>>编辑器。

主题编辑器
主题编辑器

第 3 步:从右侧的文件列表中找到 header.php 模板文件。

第 4 步:如果找不到 header.php 文件,也可以找到 index.php 文件添加,在该文件中可以查看网站的head和body部分。

第 5 步:接下来,导航到您的 GTM 帐户,复制第一段代码并将其粘贴到 header.php 文件的 head 标签之后。复制第二段代码并将其粘贴在 <body> 标签之后。

向模板文件中添加 GTM 代码
向模板文件中添加 GTM 代码

第 6 步:单击更新按钮以保存更改。

通过插件添加 GTM 代码

有很多插件可用于设置 GTM 代码,这里推荐一个名为 Insert Header and Footers 的插件。

第 1 步:登录 WordPress 管理仪表盘,然后安装插入页眉和页脚插件。激活插件后,转到设置»插入页眉和页脚页面。

插入页眉和页脚页面
插入页眉和页脚页面

第 2 步:在打开 Insert Header and Footers 插件页面后,可以看到两个用于向页眉和页脚添加代码的框。返回 Google 跟踪代码管理器帐户,并复制第一段代码添加到 <head> 标签中。

同样,从跟踪代码管理器帐户中复制第二段代码,并将其插入“页脚中的脚本”框中。该部分代码会在 </body> 标记之前。

在插入页眉和页脚中添加 GTM 代码
在插入页眉和页脚中添加 GTM 代码

第 3 步:点击保存按钮,保存上面的更改。

这样,就成功在 WordPress 网站上安装了 Google 跟踪代码管理器。现在,就可以使用 Google 跟踪代码管理器仪表盘,将任何跟踪代码安装到WordPress 网站了。

验证 GTM 代码

有多种方法可以验证网站上的 GTM 代码。

通过 Google Tag Assistant 扩展验证

可以使用Google Tag Assistant进行验证。这是一个用于测试和调试 Google 跟踪代码的浏览器扩展。

安装此扩展程序后,在新选项卡中打开您的网站。单击标签助手图标并启用它。然后重新加载页面。Google Tag Assistant 将显示网站上添加的所有跟踪代码。如果它显示了您的 GTM 跟踪 ID,则表示安装已正确完成。

验证 GTM 代码
验证 GTM 代码

您可能会看到 GTM 标签以黄色显示。这实际上不是错误,当在 GTM 容器中添加内容后,它就会自动消失。

通过检查网站源代码验证

右键单击网站并查看页面源代码,在 HTML 的 <head> 部分和 <body> 标签部分查找安装的 GTM 代码。

通过检查网站源代码验证
通过检查网站源代码验证

连接 GA 和 GTM

在网站上添加了 Google Tag Manager 代码后,无需添加 Google Analytics 跟踪代码。可以使用 Google Tag Manager 来设置谷歌分析工具。

要向网站添加 Google Analytics(分析),请按照以下步骤操作:

第 1 步:创建一个新的 Google Analytics(分析)帐户。

第 2 步:创建谷歌分析帐户后,导航到管理员,然后单击属性设置。

第 3 步:复制属性设置下显示的跟踪 ID。

复制属性设置下显示的跟踪 ID
复制属性设置下显示的跟踪 ID

第 4 步:跳转到您的谷歌标签管理器帐户。

第 5 步:创建一个新标签。

创建一个新标签
创建一个新标签

第 6 步:输入标签名称为“GA Pageview – All Pages”。

第 7 步:点击标签配置,选择通用分析作为标签类型。

第 8 步:单击 Google Analytics 设置下拉菜单,然后单击“新变量”选项。

单击“新变量”选项
单击“新变量”选项

第 9 步:在弹出窗口中,输入变量名称“GA Tracking ID”,然后将之前复制的跟踪 ID 粘贴到 Tracking ID 字段中。

将跟踪 ID 粘贴到 Tracking ID 字段
将跟踪 ID 粘贴到 Tracking ID 字段

第 10 步:保存此变量。

注意:为 GA 跟踪 ID 创建变量后,可以将其用于将来创建的所有 GA 标签。

第 11 步:单击标签配置下的“触发”选项,然后选择“所有页面”默认变量。

第 12 步:最终的 Google Analytics(分析)标签应该类似于下面所示。

Google Analytics(分析)标签
Google Analytics(分析)标签

第 13 步:保存此标签。

排除 WordPress 管理员

谷歌分析的目的是跟踪访问网站的访客,因此,可以排除自己对网站的访问或内部流量。我们将在之后专门发布一篇文章。

总结

现在已成功将 Google Tag Manager 和 Google Analytics 添加到 WordPress 网站。接下来,就可以利用 GTM 来跟踪用户的访问行为,并深入分析数据以实现您的业务目标。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/themes/wordpress-instyall-google-tag-manager/

(1)
牛奇网牛奇网
上一篇 2022年3月16日
下一篇 2022年3月17日

相关推荐

发表回复

登录后才能评论