衡量单页应用

本文档适用于希望使用 Google Analytics 衡量单页应用中的网页浏览量的开发者。

单页应用 (SPA) 是指一次加载 HTML 文档，然后使用 JavaScript API 提取任何其他内容的网站。

示例：假设您有一个表单用于获取潜在客户。该表单包含三个屏幕：

• 用于捕获客户信息的第一个屏幕。
• 第二个屏幕，客户可在此处表明对特定服务的兴趣。
• 第三个屏幕页面，用于注册与客户兴趣相关的在线讲座。

正确衡量 SPA 的网页浏览量关键在于统计用户互动的每个屏幕的网页浏览量，并正确获取网页引荐来源，以便正确跟踪用户历程。

准备工作

本页面假定您已完成以下操作：

• 您网站的 Google Analytics 4 账号和媒体资源。了解如何设置 Google Analytics 。

• 在您的网站上植入的 Google 代码，会在网页首次加载时触发。了解如何设置 Google 代码。

实现单页应用衡量

如需实现准确的 SPA 衡量，请使用以下方法之一触发新的虚拟网页浏览：

• 浏览器历史记录更改（推荐）：如果您的 SPA 使用 History API（特别是 pushState() 和 replaceState() 方法）来更新屏幕，请使用此选项。

• 自定义事件：如果您的网站使用 DocumentFragment 对象呈现不同的屏幕，请使用此选项。

浏览器历史记录实现 自定义事件实现

浏览器历史记录更改实现

在 GA4 中启用增强型衡量功能

如需根据浏览器历史记录自动衡量 page_views，请执行以下操作：

1. 打开 Google Analytics

2. 在管理界面中，点击“数据收集和修改”下方的数据流 > 网站。

3. 在“增强型衡量功能”下，将开关滑动到开启，以启用所有选项。

4. 点击即可修改各个选项。在“网页浏览量”下，点击显示高级设置。请务必同时启用网页加载和根据浏览器历史记录事件判断的网页更改。

   

5. 保存更改。