新网站如何正确配置Google代码?

最近更新时间: March 17, 2024

我们都知道Google Analytics(分析)4 代码和Google Ads代码的安装和使用在我们日常对网站进行数据分析优化，广告投放(如果有做Google Ads)以及效果衡量的过程中是非常重要的，尤其是在两者被统一为谷歌代码(gtag.js)之后，不仅设置管理更加方便，而且在功能方面也更加强大。

假设我们需要做一个全新的网站进行基本的Google代码配置，其方法步骤如下：

步骤一：注册一个新的谷歌账号，如果之前有用原来的也可以。
步骤二：前往Google Analytics ，使用谷歌账号登录，然后创建Google Analytics账号。
创建Google Analytics账号的过程同时包含创建媒体资源和创建数据流，按照提示操作即可。

此外，需要注意的是一个谷歌账号可以创建多个Google Analytics，一个Google Analytics账号可以创建多个媒体资源，一个媒体资源可以创建多个数据流(数据流包括网站，app应用等平台)。一般情况下一个公司设置一个账号，一个媒体资源绑定一个数据流平台，如果一个公司有多个网站或者APP应用，则可以设置多个媒体资源，不建议在同一个媒体资源下添加多个同样类型的数据平台，比如添加两个网站等。
步骤三：在网站上安装谷歌代码(gtag.js)

这里有两种方法：

1.通过插件或者手动安装：
登录Google Analytics账号-选择对应的媒体资源-页面左下角管理-数据收集和修改-数据流-选择对应的数据流-拉到页面底部Google 代码-配置代码设置-选择使用工具或者手动添加-根据提示安装相应的插件或者把代码直接添加到网站中。

这里需要注意的是在手动添加代码里面有一个谷歌代码id, 比如 id=G-13Z5XXXX;这个id和数据流的衡量id一致，同时也是目标id，并且这个后面在其它地方会用到，比如使用Google 跟踪代码管理器添加谷歌代码时需要填写相应的谷歌代码id。
2.通过谷歌代码跟踪管理器(GTM)进行安装：
登录Google Analytics账号-选择代码跟踪管理器-创建账号-安装安装 Google 跟踪代码管理器-进入工作区-选择代码-新建-代码配置-选择代码类型(Google 代码)-填写代码id(在上文中提到的手动添加的谷歌代码中查看)-选择触发器(All Pages)-保存-预览-提交。

这里的预览相当于在线进行代码检测，可以测试代码是否正常运行，这种方法也同样适用于第一种方法安装谷歌代码后进行检测。

这里我们只是简单的使用GTM设置了谷歌代码(gtag.js)，GTM的功能其实时非常强大的，不仅可以部署Google 产品还可以部署第三方代码，比如网站结构化数据的设置等。

通常情况下，一个谷歌账号可以创建多个GTM，一个公司只需要一个GTM帐号。一个跟踪代码管理器帐号包含一个或多个容器(网站或者APP应用等)。