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

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

平哥SEO2024-07-23 10:35谷歌SEO培训337

对于任何一个做出海的网站来讲,除了利用谷歌广告谷歌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优化多久来询盘呢?

一个自然询盘为0的网站,根据我们的SEO优化方法修改网站后,最快多久能有效果,来询盘?2周。这是目前在我们所有的学员里,所知最快的。其实就一个核心动作:重新规划了首页目标关键词和内容。死盯有把握排进前三的精准目标关键词,按照我们的方法写SEO网页标题和页面内容修改。这么简单一个动作,提升就这么明显?...

hrefang属性对于谷歌SEO优化有什么帮助呢?

hrefang属性对于谷歌SEO优化有什么帮助呢?

今天是平哥SEO学堂主讲如何使用hrefang属性助力多语言网站。因为合理使用hrefang属性对管理和优化不同语言版本的网站,以及用户体验上,起到非常重要的效果。  一、hrefang原理  1、什么是hrefang  hrefang是一...

谷歌SEO外链真不重要吗?

谷歌SEO外链真不重要吗?

"不用做外链,内容是核心。"当年,从黑帽SEO转到纯白帽SEO的一段时间,我也这么认为过,对外链嗤之以鼻。从一个极端走向了另一个极端。当然,今天也有不少人持有这种看法。早年的确存在过一个谷歌流量白捡时期,甚至不需要做内容。写一个带有目标关键词的网页标题,手工去别的网站上丢几十条甚...

哪些行业适合谷歌SEO推广呢?

哪些行业适合谷歌SEO推广呢?

在当今的数字化营销领域,几乎所有行业都能从谷歌SEO中受益,但确实有些行业由于其市场特性和客户搜索行为,使得谷歌SEO投资可以带来更高的回报。通常来说B2B行业大都是比较适合谷歌SEO。因为B2B行业通常单价比较高,或者一单数量很多,总体来说成交一单的价值很高。一年可能只要成交一两单就可以收回谷歌S...

谷歌内部文件算法泄露怎么办?有什么影响?

谷歌内部文件算法泄露怎么办?有什么影响?

今年三月,一个名为yoshi-code-bot的自动化机器人从谷歌的内部内容API仓库中发布了一系列文档。这些文档随后被分享给了SparkToro的联合创始人Rand Fishkin,他如今整理了一篇详尽的文章,内容涵盖近2500页关于谷歌搜索如何对互联网上的页面和网站进行排名的描述。外媒报道称,这...

谷歌搜索api泄露信息对SEO的启示是什么?

谷歌搜索api泄露信息对SEO的启示是什么?

核心主旨:?谷歌搜索API泄露揭示了其搜索排序算法的内部运作和潜在影响。1.事件背景谷歌前员工泄露了2500份搜索API文件,揭示了谷歌搜索排序的内部机制。文件涵盖2005年至2023年的数据,涉及谷歌如何通过浏览器收集用户数据、利用用户交互数据调整排序算法等。2.主要发现2.1用户交互数据的重要性...