Google Analytics（埋点）使用指南

您所在的位置：网站首页 › 谷歌是什么网站类型的软件 › Google Analytics（埋点）使用指南

Google Analytics（埋点）使用指南

2024-06-02 16:05| 来源: 网络整理| 查看: 265

什么是 Google Analytics

Google Analytics 是Google为网站提供的数据统计服务。可以对目标网站进行访问数据统计和分析，并提供多种参数供网站拥有者使用。

什么是GA4

2020年10月14号，Google Analytics发布了Google Analytics V4，简称为GA4或GAv4，其实就是之前的APP+Web改名为而来。

Google Analytics 4 正在取代 Universal Analytics。 2023 年 7 月 1 日，所有标准 Universal Analytics 媒体资源都将停止处理新匹配。360 Universal Analytics 媒体资源将于 2024 年 7 月 1 日停止处理新匹配。

如何接入GA4

一、创建并设置媒体资源

设置媒体资源为网站域名

根据提示选择符合自己的企业信息，点击下一步，下一步

二、创建数据流

选择网站，创建数据流

创建好后会看到如下的界面：

点击查看代码说明

三、复制代码到网站中，即可接入

二十分钟之后实时数据生效，次日对首页的分析生效。

以上就对网站实现了全埋点，可以根据分析报告来获取用户相关的数据，默认事件的交互程度，不同页面的访问程度等。如果以上功能并不能满足你，你想更精细化到某个功能，例如获取某个带特殊功能的按钮的点击情况。那就需要用到GTM了，那我们再来看看什么是GTM吧。

GTM是什么？

Google Tag Manager中文名叫谷歌代码管理系统，简称GTM，是一个帮助我们简单快速的在网站和APP上添加代码的工具。

为什么要使用GTM？

1、使用这个工具可以非常简单的添加代码，可以极大的简化我们的工作和提高工作效率。

2、使用GTM在一定程度上也可以提高我们的网站速度。因为GTM是一步加载的，可以加载更快。

3、方便我们管理多种代码和多个网站，看起来也很清晰，方便修改。

如何配置GTM?

一、创建并部署GTM

打开网址 tagmanager.google.com/ 登录goole 账号，点击创建账号设置容器名称，选择网站类型，点击创建之后会生成如下代码，按照说明配置在自己的网站中

二、验证是否部署成功

在谷歌浏览器中安装Ghostery 插件，打开刚才安装代码的网站，在Detailed View部分，如果出现Google Tag Manager就是GTM部署成功了。

使用GTM部署GA代码

在GTM 上配置GA后可打通两个平台，在GTM 上可关联GA的事件及参数。

进入刚才的GTM首页，选择代码tab, 点击新建

代码类型选择 GA4 配置

衡量id (为刚才在Goole Analytics 平台创建的媒体资源的数据流衡量ID)

触发条件选择 all pages

如何在GTM中设置事件跟踪一、在平台中设置事件跟踪

产品可按照自定义的配置去添加埋点

eg: 在网站上有一个名为”创建需求”的按钮，想记录该按钮的点击事件

若要使用 Google 跟踪代码管理器设置事件，要配置 Goole Analytics (分析) ： GA4 事件，再创建一个触发器来指定何时发送事件。

创建GA4 事件代码 GTM—→代码 —> 新建在顶部输入事件名称 eg(GA4事件跟踪-创建需求) Google Analytics（分析）：GA4 事件在配置代码中，选择你刚才创建的GA配置tag 事件名称中，输入自定义事件名 , 参数根据自己的需求选择

创建触发器在GTM —>触发器—->新建触发器类型选择所有元素设置触发条件 eg: 点击的文本中包含创建需求等文案

二、在代码中设置事件跟踪

添加代码埋点

在代码中添加ga-data 属性

获取ga-data 属性 function() { var elem = {{element}}, attr = "ga-data", // change this to the attribute that you want to get result = (elem.getAttribute && elem.getAttribute(attr)) || null; if( !result ) { var attrs = elem.attributes, l = attrs.length; for(var i = 0; i < l; i++) { if(attrs[i].nodeName === attr) result = attrs[i].nodeValue; } } return result; }

在GTM ——> 变量中新建自定义JavaScript ，为上述代码