重新关联Firebase Analytics后仍遇measurementId不匹配警告及404错误

问题根源 #

重新关联Firebase Analytics后，服务器端已更新为新的measurementId（G-9XKSB1V3PD），但本地配置未同步到最新值，且额外添加的gtag.js代码与Firebase SDK产生冲突，导致警告和404错误。

解决步骤 #

• 更新本地配置的measurementId
  登录Firebase控制台，进入项目设置的「Analytics」板块，复制最新的measurementId（即服务器返回的G-9XKSB1V3PD），替换代码中firebaseConfig里的旧值：

  const firebaseConfig = {
    apiKey: "AIzaSyDlJX8Aub35ObEgDcV-zk064gnKu69jI9U",
    authDomain: "dogbox-multiplayer.firebaseapp.com",
    databaseURL: "https://dogbox-multiplayer-default-rtdb.firebaseio.com",
    projectId: "dogbox-multiplayer",
    storageBucket: "dogbox-multiplayer.appspot.com",
    messagingSenderId: "321715391463",
    appId: "1:321715391463:web:14d4179d27e869d06c0b42",
    measurementId: "G-9XKSB1V3PD" // 替换为控制台最新ID
  };
  

• 移除重复的gtag.js代码
  Firebase Analytics SDK已内置gtag功能，手动添加的gtag代码会引发冲突，直接删除这段代码：

  <!-- 请删除以下全部代码 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SWHXV050SE"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-SWHXV050SE');
  </script>
  

• 清理缓存确保配置生效

  • 浏览器端按Ctrl+Shift+R强制刷新，清除本地缓存；
  • 若使用CDN服务，登录CDN控制台手动清除缓存，确保新配置被用户加载。

• 验证配置正确性
  部署后打开浏览器控制台，执行以下代码检查当前生效的measurementId：

  console.log(firebase.app().options.measurementId);
  

  确认输出值与服务器返回的G-9XKSB1V3PD一致，同时排查项目中是否有其他地方硬编码了旧的measurementId。

• 确认Firebase Analytics关联状态
  回到Firebase控制台，确认Analytics已正确关联到当前项目，未绑定到其他旧项目。

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