首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >没有散列的单个页面上的Google Analytics

没有散列的单个页面上的Google Analytics
EN

Stack Overflow用户
提问于 2015-05-31 22:37:44
回答 1查看 395关注 0票数 1

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

由于使用了JS (平滑滚动等),所以在滚动或点击链接时,URL散列不会改变。有没有办法在google analytics中跟踪用户导航?

我已经在SO上测试了几个答案,但它们都需要更改url散列。

EN

回答 1

Stack Overflow用户

发布于 2015-05-31 22:48:32

摘自:Here

阅读下面的内容,根据你的站点是如何设置的,你可以使用滚动触发的ajax调用来发送下面的"pageview“调用,或者类似的东西。希望这能有所帮助。

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

本指南描述了如何使用analytics.js跟踪网站上的页面,这些网站的内容是动态加载的,而不是传统的完整页面加载。

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

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

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

跟踪虚拟页面浏览量

要将动态加载的内容作为不同的页面视图进行跟踪,您可以向Google Analytics发送一个页面视图命中,并通过设置页面字段来指定文档路径。

代码语言:javascript
复制
ga('send', 'pageview', '/new-page');

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

例如,假设一个网站的“关于我们”页面可以通过以下任何URL访问:

代码语言:javascript
复制
/about.html
/#about.html
/home.html#about.html

为了避免报告中的重复,最好将所有这些页面浏览量都作为/about.html进行跟踪。

设置多个命中的页面数据

在页面查看命中中指定页面值将仅针对该命中将该页面值发送到Google Analytics;它不会更新存储在跟踪器对象本身上的页面值。如果您发送其他点击(例如,事件或社交点击)并且没有显式包含当前页面值,这可能会有问题。在这种情况下,Google Analytics会将这些点击与初始页面加载时存在的任何URL相关联。

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

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

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

代码语言:javascript
复制
ga('set', {page: '/new-page', title: 'New Page'

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

代码语言:javascript
复制
ga('send', 'pageview');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30558653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档