GA技术安装细节

代码位置

Google Analytics代码需要添加到网站的每个网页中。使用Google跟踪代码管理器时，您需要在网站的每个网页中添加2段代码。

具体的代码结构如下：

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

对于GA4，您需要在代码中输入您的衡量ID（代码ID）。

事件跟踪设置

自定义事件埋点流程

设置自定义事件的总体流程为：

1. 将SDK代码放入前端页面
2. 在Google Analytics平台设置相关事件
3. 在代码中使用gtag()函数上传埋点数据

在跟踪代码管理器中配置事件

在Google跟踪代码管理器中设置GA4事件代码的步骤：

1. 登录Google跟踪代码管理器
2. 在工作区标签页中，点击左侧的代码
3. 选择Google Analytics GA4事件代码
4. 在事件参数部分点击添加参数
5. 输入相应的事件参数

用户数据配置

若要收集用户提供的数据：

1. 在用户数据下拉菜单中选择或创建"用户提供的数据"变量
2. 在"用户提供的数据"变量中选择手动配置
3. 对于每个字段，展开下拉菜单并选择一个变量
4. 可通过CSS选择器或DOM元素方式引用客户数据
5. 跳过格式值字段以避免设置问题
6. 保存事件代码并提交发布

过滤器与配置设置

Google代码配置

在Google跟踪代码管理器中创建Google代码的步骤：

1. 前往Google跟踪代码管理器
2. 选择要配置的容器
3. 在代码菜单中点击新建
4. 为跟踪代码输入名称
5. 在代码配置框中选择Google代码
6. 在代码ID字段中输入您的Google代码ID
7. 点击保存

Cookie与页面配置参数

GA4支持多个配置参数用于自定义跟踪行为：

设置示例：

gtag('config', 'STREAM_ID', {
  'cookie_path': '/example_path',
  'page_location': 'https://example.com/page1'
});

服务器容器配置

若使用服务器端跟踪，需在配置设置菜单中添加服务器容器网址参数：

• 参数名称：server_container_url
• 参数值：设置为跟踪代码管理器服务器容器的网址