javascript - Firebase Analytics Googletagmanager 错误

Question

我从 Firebase 收到此错误，我今天将 Analytics 添加到我的项目中，现在登录页面在控制台中显示此错误。

helpers.ts:72 GET https://www.googletagmanager.com/gtag/js?l=dataLayer net::ERR_BLOCKED_BY_CLIENT

我没有在我的 index.html 中导入 GTAG(我正在使用 React)这个东西

<script async src="https://www.googletagmanager.com/gtag/js"></script>

因为我没有使用它。
我的 Firebase 配置文件看起来像这样

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
import "firebase/analytics";

// Your web app's Firebase configuration
var firebaseConfig = {
  //the usual
  measurementId: "G-something",
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const db = firebase.firestore();
export const firestore = firebase.firestore;
export const analytics = firebase.analytics;

登陆页面

import { analytics } from "../configs/fbConfig";`
  useEffect(() => {
    analytics().setCurrentScreen(window.location.pathname); // sets `screen_name` parameter
    analytics().logEvent("screen_view"); // log event with `screen_name` parameter attached
    analytics().logEvent("landing_page_view", { landing_at: Date.now() });
  });

这就是我所拥有的，我想在用户看到登录页面时登录，所以我可以使用漏斗(我相信)来跟踪从登录页面到登录页面的过程。
我是否必须在 Firebase 控制台中创建一些东西才能使其工作？网络分析的文档有点凌乱..

Answer 1

在绝大多数情况下，net::ERR_BLOCKED_BY_CLIENT表示您的 addblocker 阻止跟踪。这是它在控制台上的外观:

当您执行 GTM/GA/Launch/AA/Tealium/Ensighten/Piwik/Matomo 调试/实现时，请始终禁用 addblocker。
这是它在“网络”选项卡上的典型外观:(blocked:other)
请注意 (blocked:devtools)不是由广告拦截器引起的，而是由 devtools 的请求阻止功能引起的。
您还说网络分析，但您使用 Firebase。 Firebase 是一种原始产品，严重缺乏功能。我建议使用谷歌分析来跟踪网络点击，即使它是移动网络。
最后，由于您使用的是 React，我假设它是一个 SPA。在 SPA 的情况下，您必须在 GTM 中有一个单独的浏览量标签，该标签将由例如在页面更改时从您的 React 应用程序路由器触发的自定义 dataLayer 事件触发。然后你就可以开始建立漏斗了。