jquery - 没有哈希的单个页面上的 Google Analytics

Question

我经营一个由单个页面组成的网站。
导航栏有 5-6 个部分(如引用资料、联系人、T&C)，单击其中任何一个部分会向下滚动到相应的部分 (div)。它们不是动态加载的。

由于使用了 JS(平滑滚动等)，URL 哈希在滚动或链接单击时不会改变。有没有办法在谷歌分析中跟踪用户导航？

我在 SO 上测试了几个答案，但它们都需要更改 url 哈希。

Answer 1

摘自:Here

阅读下文，根据您网站的设置方式，您可以使用滚动触发的 ajax 调用来发送下面的“pageview”调用，或类似的东西。希望这可以帮助。

单页应用程序跟踪 - Web 跟踪 (analytics.js)

本指南描述了如何使用 analytics.js 来跟踪网站上的页面，这些页面的内容是动态加载的，而无需传统的全页面加载。

analytics.js 片段是 Universal Analytics 的一部分。如果您使用的是经典分析 (ga.js)，请访问升级中心了解如何将您的资源迁移到 analytics.js。
概述

单页应用程序 (SPA) 是一个 Web 应用程序或网站，它加载在第一个页面加载时在整个站点中导航所需的所有资源。当用户点击链接并与页面交互时，后续内容会动态加载。应用程序通常会更新地址栏中的 URL 以模拟传统的页面导航，但永远不会发出另一个完整页面请求。

默认的 analytics.js 代码段代码适用于传统网站，因为每次用户加载新页面时都会运行代码段代码。但是，对于动态加载新页面内容而不是加载整个页面的单页面应用程序，analytics.js 代码段仅运行一次。这意味着必须在加载新内容时手动跟踪后续(虚拟)综合浏览量。

跟踪虚拟浏览量

要将动态加载的内容作为不同的综合浏览量进行跟踪，您可以将综合浏览量命中发送到 Google Analytics，并通过设置页面字段来指定文档路径。

ga('send', 'pageview', '/new-page');

page 字段表示 URL 的路径部分，应以斜杠开头。通常页面值与浏览器地址栏中显示的 URL 的路径部分相同，但并非必须如此。由于动态加载内容的网站通常只在用户导航时更新 URL 的哈希部分，因此几个不同的 URL 路径可能指向同一个资源。在这些情况下，通常最好选择一个规范的 URL，并且只将该页面值发送到 Google Analytics。

例如，考虑可以通过以下任何 URL 访问其“关于我们”页面的网站:

/about.html
/#about.html
/home.html#about.html

为避免报告中出现重复，最好将所有这些网页浏览记录为/about.html。

为多次点击设置页面数据

在浏览量匹配中指定页面值只会将该页面值发送到 Google Analytics(分析)，以获取该匹配；它不会更新存储在跟踪器对象本身上的页面值。如果您发送其他点击(例如事件或社交点击)并且未明确包含当前页面值，这可能会出现问题。在这种情况下，Google Analytics 会将这些点击与初始页面加载时存在的任何 URL 相关联。

为避免此问题，通常最好在发送命中之前使用任何新页面信息更新跟踪器对象。这将确保所有点击都与正确的页面数据相关联。

要更新跟踪器对象，请使用 set 方法:

ga('set', 'page', '/new-page');
如果您想更新的不仅仅是页面字段，您可以将键/值对的对象传递给 set 方法。

ga('set', {page: '/new-page', title: 'New Page'

});
一旦使用新页面的正确数据更新了跟踪器，您就可以在不覆盖页面相关参数的情况下发送命中。例如:

ga('send', 'pageview');