衡量单页应用

本文档面向希望衡量 使用 Google Analytics 开发单页应用。

单页应用 (SPA) 是指网站只需加载一次 HTML 文档, 使用 JavaScript API 访问内容。

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

  • 用于捕获客户信息的第一个屏幕。
  • 第二屏幕,客户表示对某些服务感兴趣。
  • 第三个屏幕页面,用于注册与客户的兴趣相关的在线讲座。

正确衡量 SPA 中的网页浏览量的关键是计算 确保正确获取网页 referrer,从而正确地 跟踪用户转化历程

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

实现单页应用衡量

要实现准确的 SPA 衡量,请使用以下方法之一触发新的 虚拟网页浏览:

  • 浏览器历史记录更改(推荐):如果您的 SPA 使用历史记录 API,尤其是 pushState()replaceState() 方法更新屏幕,使用此 选项。

  • 自定义事件:如果您的网站使用 DocumentFragment 对象来渲染不同的屏幕,请使用此选项。

<ph type="x-smartling-placeholder"></ph>

实施浏览器历史记录更改

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

若要根据浏览器历史记录自动衡量page_views,请执行以下操作:

  1. 打开 Google Analytics

  2. 管理界面中, 数据收集和修改,点击数据流 >网站

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

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

    显示网页浏览量设置的图片

  5. 保存更改。

验证您的衡量设置

要验证单页应用是否正确衡量网页浏览,请执行以下操作:

  1. 为 SPA 衡量设置中的每个代码启用调试模式。了解如何 监控 DebugView

  2. 点击浏览您的单页申请。当你点击进入新虚拟机时 屏幕上,您应该会在 DebugView 中看到一个新的 page_view 事件。比较 page_view 事件参数与要检查的上一个 page_view 事件 如果网页引荐来源网址和网页位置是否已正确更新。