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 debugging/implementation 时始终禁用 addblockers。

这是它在“网络”选项卡上的典型显示方式：(blocked:other)

请注意 (blocked:devtools) 不是由广告拦截器引起的，而是由 devtools 的请求拦截功能引起的。

你也说网络分析，但你使用 Firebase。 Firebase 是一种原始产品，严重缺乏功能。我建议使用 Google Analytics 来跟踪网络点击，即使是移动网络也是如此。

最后，由于您使用的是 React，我认为它是一个 SPA。在 SPA 的情况下，您必须在 GTM 中有一个单独的 pageview 标签，该标签将被触发，例如，在页面更改时从您的 React 应用程序路由器触发的自定义 dataLayer 事件。然后就可以开始构建渠道了。

Firebase Analytics Googletagmanager 错误

Firebase Analytics Googletagmanager Error

javascript

google-analytics

firebase

reactjs

firebase-analytics