如何安装Google Tag Manager和Google Analytics?

Russell GTM教程评论136阅读模式
 当今数字化时代,网站数据分析对于任何企业或个人来说都是至关重要的。Google Analytics(GA)是一个广泛使用的强大工具,可以帮助您深入了解访问者的行为、流量来源以及转化率等关键指标。然而,将GA的代码正确地嵌入网站并配置转化追踪代码可能需要一些技术知识和编码能力。但别担心,有一个更简单而强大的解决方案:Google Tag Manager(GTM)。GTM是一个免费的工具,可帮助您管理和部署各种跟踪代码,包括GA和转化追踪代码,而无需直接修改网站代码。

本文Russell将教会你如何使用GTM配置GA和转化追踪代码。您将了解如何设置GA标签、触发器和变量,以及如何跟踪自定义转化事件。无论您是网站所有者、数字营销人员还是数据分析师,本文都将为您提供宝贵的指导,让您能够轻松利用GTM管理和优化您的网站分析和转化追踪。

1.注册Google Tag Manager账号

在谷歌浏览器搜索Google Tag Manager,点击进入注册页面,点击创建容器

如何安装Google Tag Manager和Google Analytics?-图片1

如何安装Google Tag Manager和Google Analytics?-图片2

添加新账号这里,账号名称和容器名称可以填写我们网站的域名,点击创建。

如何安装Google Tag Manager和Google Analytics?-图片3

这时会弹出一个框,让我们安装GTM的代码。如果你的网站是让第三方服务商做的直接将这两段代码发送给他们,他们技术会帮你直接安装上。

如何安装Google Tag Manager和Google Analytics?-图片4

2.安装GTM代码

如果你是用的Wordpress创建的网站,可以按照以下步骤进行操作:进入Wordpress后台在左侧边栏找到外观里面的“主题编辑器”

如何安装Google Tag Manager和Google Analytics?-图片5

进入主题编辑器之后在右侧找到header.php这个文件

如何安装Google Tag Manager和Google Analytics?-图片6

这里就是主题的代码,需要注意的是这里一定不要随意去删减这里面的代码,不然网站就会崩溃。在左侧的代码里找到<head>这个标签复制GTM里面的第一段代码,粘贴到<head>下面

如何安装Google Tag Manager和Google Analytics?-图片7

如何安装Google Tag Manager和Google Analytics?-图片8

接着复制GTM的第二段代码,放到<body>下面,点击更新文件,这样我们的GTM代码就已经安装完成了。

如何安装Google Tag Manager和Google Analytics?-图片9

如何安装Google Tag Manager和Google Analytics?-图片10

当我们安装完成之后如何测试有没有安装成功,我们可以安装一个谷歌浏览器插件,来测试是否安装成功。

如何安装Google Tag Manager和Google Analytics?-图片11

将此插件添加到谷歌扩展程序,然后打开我们的网站,点击右上角的扩展程序点击刚才安装的Tag Assistant Legacy,点击record。

如何安装Google Tag Manager和Google Analytics?-图片12

这里一定要刷新一下网页,刷新网页!刷新网页!刷新完成之后,再次点击Tag Assistant Legacy扩展程序,这样就可以看到有没有安装成功了,小标志显示绿色就说明安装成功了。

如何安装Google Tag Manager和Google Analytics?-图片13

3.注册Google Analytics账号

在谷歌浏览器搜索Google Analytics,点击进入注册页面,点击衡量。

如何安装Google Tag Manager和Google Analytics?-图片14

账号名称、媒体资源名称可以填写公司名字,业务目标这里除了最后一项全选,点击创建。

如何安装Google Tag Manager和Google Analytics?-图片15

如何安装Google Tag Manager和Google Analytics?-图片16

如何安装Google Tag Manager和Google Analytics?-图片17

在收集数据这里我们直接选择网站进入下一步

如何安装Google Tag Manager和Google Analytics?-图片18

设置数据流,输入我们的网站网址和域名就可以,点击创建数据流。这样我们的Google Analytics账号就已经注册好了。

如何安装Google Tag Manager和Google Analytics?-图片19

利用GTM配置Google Analytics

进入GTM后台,在左侧边栏找到代码,点击创建

如何安装Google Tag Manager和Google Analytics?-图片20

代码配置,选择GA4配置

如何安装Google Tag Manager和Google Analytics?-图片21

选择完GA4配置之后,下面有一个衡量ID需要我们填写,这个衡量ID是在GA里面,打开Google Analytics的后台,点击左下角的设置找到数据流。点开之后我们可以发现有一个G-开头的衡量ID,我们将它复制,粘贴到刚才衡量ID的框内。

如何安装Google Tag Manager和Google Analytics?-图片22

如何安装Google Tag Manager和Google Analytics?-图片23

如何安装Google Tag Manager和Google Analytics?-图片24

下面的触发条件选择ALL pages,点击确认后,将我们的这个代码进行命名点击保存就可以了。

如何安装Google Tag Manager和Google Analytics?-图片25

如何安装Google Tag Manager和Google Analytics?-图片26

如何测试GA4代码是否安装成功,我们可以回到GTM首页,点击左上角的预览,输入测试的网址,点击contact。测试完成后,在测试结果Tags Fired下面显示GA4配置就证明我们的代码出发成功了。这样就可以实时监测我们网站的数据了。

如何安装Google Tag Manager和Google Analytics?-图片27

如何安装Google Tag Manager和Google Analytics?-图片28

如何安装Google Tag Manager和Google Analytics?-图片29

如何安装Google Tag Manager和Google Analytics?-图片30

这篇文章主要分享给大家如何安装GTM和GA,关注我,学习更多关于谷歌独立站的知识!!

关注Russell,有态度、有内容!!

我的微信号
微信扫一扫
weinxin
我的微信
我的微信公众号
微信扫一扫
weinxin
我的公众号
 
Russell
  • 本文由 Russell 发表于 5 3 月, 202405:41:18
  • 转载请务必保留本文链接:https://www.russellseo.com/install-gtm-ga/
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证