当前位置:首页 > 谷歌SEO培训 > 如何利用GA4和GTM进行独立站的流量统计追踪呢?

如何利用GA4和GTM进行独立站的流量统计追踪呢?

平哥SEO3个月前 (07-23)谷歌SEO培训223

对于任何一个做出海的网站来讲,除了利用谷歌广告谷歌SEO、海外网红等手段获取流量之外,大家在日常运营的时候都非常关心有了流量之后的转化情况。比如,对于一个SaaS企业,我会非常关心从我网站过来的用户到注册的转化情况。想要了解这些数据,就不得不去了解我们日常运营中非常重要的网站统计分析了。

想要达成这些分析的目标,对于海外生态环境来讲,Google Analytics是大家最常用的统计分析工具。自从谷歌推出自己的Google Analytics到今天,谷歌的统计分析工具也经历了数次重大迭代更新。到今天,Google Analytics已经迭代到了Google Analytics 4,也就是我们通常所说的GA4。而为了更方便数据收集和分析,谷歌后来又推出了Google Tag Manager-俗称GTM,来让大家可以方便的管理Tag,而不需要工程师的帮助来修改页面端的代码就能完成关键的数据收集。接下来,我就结合实例来给大家介绍一下如何利用GA4和GTM来不需要工程师的参与就能进行代码的追踪。

开通GA 4账户

想要利用GA 4和GTM进行网页的转化追踪,首先需要开通GA 4的账户。

访问https://analytics.google.com 

点击左下角的Admin,然后点击Create,选择Account

提供账户名,配置data-sharing settings,点击Next去添加账户下的第一个Property

如何利用GA4和GTM进行独立站的流量统计追踪呢?

输入Promperty name

如何利用GA4和GTM进行独立站的流量统计追踪呢?

配置时区和货币,我们也可以选择默认,然后点击Next

选择Business Details的相关信息,然后再点击Next

如何利用GA4和GTM进行独立站的流量统计追踪呢?

选择Business Objective相关的选项,然后点击Create

如何利用GA4和GTM进行独立站的流量统计追踪呢?

如果是一个新的Account,这个时候会弹出对话框要求你接受数据处理服务协议,接受协议。则一个新的Account和一个新的Property就被建立成功了。

增加一个数据流Data Stream

在创建完Account和Property之后,就可以配置数据流Data Stream进行数据收集了。

如何利用GA4和GTM进行独立站的流量统计追踪呢?

我们这里选择收集web数据,点击Web

如何利用GA4和GTM进行独立站的流量统计追踪呢?

输入想要收集数据的网址,并且对数据流命名。为了配合我们后续Google Tag Manager进行事件收集,这里选择打开Enhanced Measurement

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Create&continue

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Confirm

这里MEASUREMENT ID就是我们GA4进行收集的时候的ID,点击View Tag Instructions,会有如何把Tag加入到不同平台的指南

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Install Manually,则我们能看到如何把一段java script加入到代码中的代码:


<!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-HPFF3EC71W"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}  gtag('js', new Date());
 gtag('config', 'G-HPFF3EC71W');</script>

配置Google Tag Manager

首先,登陆Google Tag Manager,地址是https://tagmanager.google.com/

点击Admin,我们可以创建新的Account

如何利用GA4和GTM进行独立站的流量统计追踪呢?

选择Web,然后点击Create,会弹出GTM的协议,选择同意,然后就会创建一个新的Account以及一个新的Container

3.这个时候,GTM会弹出一段让你去安装GTM的提示,如下:

如何利用GA4和GTM进行独立站的流量统计追踪呢?

如下代码需要放到每个页面的header中:


<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-PVH4MM9M');</script><!-- End Google Tag Manager -->

如下代码需要放到<body>后边


<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVH4MM9M"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->

点击OK,则完成了GTM的基本设置。

在GTM中配置GA4

打开GTM的控制台

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击New Tag

如何利用GA4和GTM进行独立站的流量统计追踪呢?

选择Tag类型为Google Analytics,然后选择Google Tag

如何利用GA4和GTM进行独立站的流量统计追踪呢?

输入我们前面在GA4中的Data Stream的ID

如何利用GA4和GTM进行独立站的流量统计追踪呢?

然后命名我们的Tag为GA4 Tag Test

点击Triggering,选择Initialization-All Pages

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Save,然后点击Preview,输入我们安装了GTM代码的网址

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Connect,可以发现网站被打开,并且提示连接成功

如何利用GA4和GTM进行独立站的流量统计追踪呢?

回到GA4的页面,点击Admin,Data Display,DebugView,我们可以看到GA4收集的事件

如何利用GA4和GTM进行独立站的流量统计追踪呢?

在这个网站中,点击打开一个博客链接

如何利用GA4和GTM进行独立站的流量统计追踪呢?

观察GTM的内容,我们会看到左边有两个页面相关的事件信息:

如何利用GA4和GTM进行独立站的流量统计追踪呢?

到此,我们Tag Manager和GA 4的关联配置完成

利用GTM配合GA追踪转化事件

在Google Tag Manager中,点击Tags菜单,选择New

如何利用GA4和GTM进行独立站的流量统计追踪呢?

在Tag类型中选择Google Analytics,然后选择Google Analytics:GA4 Event

如何利用GA4和GTM进行独立站的流量统计追踪呢?

配置Event Name和Tag Name

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Triggers,然后点击New,配置新的Trigger

如何利用GA4和GTM进行独立站的流量统计追踪呢?

选择Click,All Elements

如何利用GA4和GTM进行独立站的流量统计追踪呢?

命名为click_events,点击Save

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Preview,connect到我们的网站

如何利用GA4和GTM进行独立站的流量统计追踪呢?

在打开的网页点击Get Started按钮

如何利用GA4和GTM进行独立站的流量统计追踪呢?

回到GTM,可以看到有Link Click事件产生

如何利用GA4和GTM进行独立站的流量统计追踪呢?

点击Data Layer,可以看到相关数据

如何利用GA4和GTM进行独立站的流量统计追踪呢?

可以看到这个elementClasses是"qc-button-container"

回到GTM,点击左边Variables,然后选择Configure,选择click所有的配置

如何利用GA4和GTM进行独立站的流量统计追踪呢?

然后继续Preview,在点击Link Click的时候,会看到如下结果:

如何利用GA4和GTM进行独立站的流量统计追踪呢?

其中Click Classes是"qc-button-container"

Click Text是Get Started

Click URL是https://aaabmfoa6xcdai3k.mylandingpages.co/login/

接下来,我们配置Trigger,只接收这个Get Started事件,编辑Trigger,按照如下选项配置:

如何利用GA4和GTM进行独立站的流量统计追踪呢?

把这个Trigger改名为button_click_event

如何利用GA4和GTM进行独立站的流量统计追踪呢?

然后我们新建一个Tag,类型为Google Analytics:GA 4 Event

如何利用GA4和GTM进行独立站的流量统计追踪呢?

其中Mesurement ID还是我们GA 4的Data Stream的ID,这里我定义了一个常量meaurement_id保存。然后定义Event Name,配置Event传递的参数,分别是button点击的时候的click Text和Click URL。

Triggering选择我们刚刚配置好的Trigger.

配置完成之后,结果如下:

如何利用GA4和GTM进行独立站的流量统计追踪呢?

再次Preview,我们可以看到如下

如何利用GA4和GTM进行独立站的流量统计追踪呢?

我们可以看到Tags Fired。

这个时候可以去GA4的DebugView去查看发送的事件。

点击Submit,这个事件追踪就配置完成了

总结

对于任何一个刚刚使用GA4和GTM的使用者来讲,希望这篇一步一步的指南能让大家能够快速起步来利用GA4和GTM完成事件配置和转化追踪。

实际上GA4配合GTM是一个非常强大的数据运营支撑系统,只不过谷歌做的东西向量不是那么容易使用。想要比较好的掌握这些工具的使用,需要大家去多读官方文档,并且去Youtube去多看看相关的教学视频。后边我也会在我公众号发一些相关的内容。

扫描二维码推送至手机访问。

版权声明:本文由【平哥SEO学堂】整理发布,如需转载请注明出处。

本文链接:https://www.c-sz.com/post/333.html

分享给朋友:

“如何利用GA4和GTM进行独立站的流量统计追踪呢?” 的相关文章

哪些项目适合做谷歌SEO呢?

哪些项目适合做谷歌SEO呢?

之前发过一篇文章是我们那谷歌SEO的业务员,没错,我就是那个业务,团队唯一的业务。看到文章下面很多人留言,建议把我开掉,还开玩笑说,只要有我这样的业务在,公司就别想做大。不管是建议开掉我的还是支持我的,我在这里都要表达感谢,相信你们都是为了平哥SEO团队有更好的未来,在这个浮躁的社会,能够为别人提一...

谷歌SEO如何做外链操作呢?超级详细流程!

谷歌SEO如何做外链操作呢?超级详细流程!

之前的文章我们说过,上线不是终点,还需要根据博客表现不断进行优化,而外链就是其中较为重要的一环。平哥SEO下面举例依然延续博客文章,但是方法是通用的,博客文章页,首页,产品分类页都可以使用。但是,有两点需要记住:1)不是所有文章都需要外链才能上到前三,如果文章质量够硬,网站权重够高,关键词难度适中,...

谷歌搜索引擎优化初学者指南是什么?

谷歌搜索引擎优化初学者指南是什么?

对于我们今天的大多数人来说,当我们需要一些东西时——无论是答案、想法、产品、策略还是服务——我们都会从询问搜索引擎开始。仅谷歌每天就有35亿次搜索。因此,正如搜索引擎在我们的生活中变得很重要一样,它们也已成为许多商业营销策略不可或缺的一部分。事实上,49%的营销人员认为自然搜索是投资回报率最高的渠道...

网站在重新设计怎么操作不影响谷歌SEO流量流失呢?

网站在重新设计怎么操作不影响谷歌SEO流量流失呢?

在网站重新设计期间很容易损害您的搜索引擎优化。以下是可能出现问题的预演:排名和流量的损失。链接资产损失。破损的页面。页面加载缓慢。移动体验不好。内部链接损坏。重复内容。例如,该网站在重新设计期间删除了约15%的自然页面,导致近50%的自然流量损失。有趣的是,即使随后引用域的增长也无助于恢复流量。幸运...

自学Google SEO怎么快速入门呢?

自学Google SEO怎么快速入门呢?

自学Google SEO是需要多方面学习的,比较直接一点就是查找主流的SEO工具官网,比如:Ahrefs,Semrush,Moz等,网站Blog里面有很多干货可以学习;另外就是一些国外的SEO大神博客,比如:Backlinko.com,searchenginejournal.com;最后就是可以买一...

Google 检索、索引、排名的原理规则是什么?

Google 检索、索引、排名的原理规则是什么?

Google SEO中的爬取、索引跟搜索引擎排名,分别是什么意思呢?在学习SEO之前,必定要先了解一下谷歌搜索引擎的运作方式。从你的网站文章发布的那一瞬间,你的文章网址会经历:被找到、被爬取(检索)、被索引,然后才能出现在Google搜索引擎里面并且加入Google搜索结果的排名。上面的这个过程,从...