Google Analytics User ID追踪异常：登录后数据未归属对应视图

看起来你遇到的核心问题是登录成功后设置的User ID没有在页面跳转后保留下来——当你调用window.location.href跳转到新页面时，浏览器会重新加载所有资源，包括Footer.cshtml里的GA初始化代码，这时候GA会创建一个全新的实例，没有携带之前设置的User ID，所以后续的页面浏览和事件都会用Client ID上报，自然只会进入「All Website Data」视图，只有跳转前回调里的操作能用上当时的User ID。

下面是具体的修复步骤：

1. 持久化User ID到本地存储 #

修改Login.js的AJAX成功回调，把User ID存在localStorage里（会话存储sessionStorage也可以，根据你的需求选择，前者会保留到用户手动清除，后者关闭浏览器就失效）：

$.ajax({
  data: ko.toJSON(myData),
  type: 'POST',
  url: 'http://www.example.org', // 注意补上引号，原代码这里会报错
  success: function (data) {
    // 先把User ID存到本地存储
    localStorage.setItem('gaUserId', data.userId);
    
    // 设置当前GA实例的User ID并上报登录事件
    ga('set', 'userId', data.userId);
    ga('send', 'event', 'authentication', 'User has logged in');
    
    // 跳转前的pageview可以移除，因为新页面会重新发送，避免重复统计
    // ga('send', 'pageview');
    
    window.location.href = data.redirect;
  },
  error: function (request) {
    handleSubmitError(request.responseText);
  }
});

2. 在GA初始化时自动加载User ID #

修改Footer.cshtml里的GA初始化代码，在创建跟踪器之后、发送pageview之前，检查本地存储里的User ID并设置到GA实例：

<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-XXXXX-Y', 'auto');

// 新增：读取本地存储的User ID并绑定到GA
var gaUserId = localStorage.getItem('gaUserId');
if (gaUserId) {
  ga('set', 'userId', gaUserId);
}

ga('send', 'pageview');
</script>

3. 处理登出逻辑（关键补充） #

当用户登出时，一定要清除本地存储里的User ID，避免后续匿名会话被错误关联到已登出的用户：

// 在你的登出处理函数中添加这两行
localStorage.removeItem('gaUserId');
ga('set', 'userId', null); // 重置当前GA实例的User ID

4. 确认User ID视图的过滤配置 #

最后检查GA后台的视图过滤规则是否正确：

• 进入「User ID View」的过滤器设置
• 确保存在一个自定义包含过滤器：过滤字段选择「User ID」，过滤模式填.+（匹配任意非空的User ID，确保只有带User ID的流量会进入这个视图）
• 「All Website Data」视图则保持默认，不添加User ID相关过滤，这样就能区分匿名和登录用户的流量

额外注意事项 #

• 确保你传入的userId符合GA规范：不能包含邮箱、手机号等个人身份信息（PII），建议用系统内部的唯一匿名ID
• 所有页面的GA初始化都要通过Footer.cshtml加载，保证统一的跟踪逻辑
• 如果你的应用有单页路由（SPA），还需要额外处理路由切换时的pageview上报，但从你的代码看是多页应用，所以上面的方案足够

内容的提问来源于stack exchange，提问作者Dean Friedland