Vue3集成vue-gtag出现ERR_BLOCKED_BY_CLIENT报错求助

首先明确：net::ERR_BLOCKED_BY_CLIENT错误和GA4的G-XXXXXXXXXX格式ID无关，GA4确实使用这类ID，报错的核心原因是浏览器端的拦截工具阻止了GTAG脚本的请求，结合你的代码细节，可按以下步骤排查解决：

• 禁用浏览器拦截插件
  广告拦截工具（如AdBlock、uBlock Origin）、隐私保护插件会默认阻止Google Analytics相关请求。直接禁用这类插件后刷新页面，看报错是否消失。也可以用浏览器的无痕模式测试（无痕模式默认不加载第三方插件），快速验证是否是插件拦截导致。

• 修正代码中的ID写法
  你的集成代码里，id: G-XXXXXXXXXX存在语法错误：G-XXXXXXXXXX是字符串，必须用单引号或双引号包裹，否则会被识别为未定义变量。正确写法应为：

  createApp(App).use(router).use(VueGtag, { config: { id: 'G-XXXXXXXXXX' } }, router).mount('#app')
  

• 确认vue-gtag版本兼容性
  确保你安装的vue-gtag版本支持GA4，v1.10.0及以上版本已适配GA4的G-格式ID，若版本过低，建议升级：

  npm update vue-gtag
  

• 检查网络环境
  部分地区网络无法正常访问Google服务，若上述操作后仍报错，可尝试切换网络环境验证。

内容的提问来源于stack exchange，提问作者Eduardo Lourenço