如何利用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

输入Promperty name

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

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

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

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

增加一个数据流Data Stream

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

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

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

点击Create&continue

点击Confirm

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

点击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

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

3.这个时候，GTM会弹出一段让你去安装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的基本设置。